• 微前端qiankun+AntDesign组件库实现业务模块彻底解耦

    前言

    前面一篇文章Single-spa 成熟的微前端架构方案介绍了要用微前端架构的背景和目的,简单对比了微前端架构方案的技术选型,以及分享了一些微前端的概念图和简单的架构图。

    这篇文章属于项目实战,利用qiankun(一个基于 single-spa 的微前端实现库)加Ant Design组件库实现微前端主应用和微应用的路由交互、状态通信等,并且微应用按需加载组件库,微应用支持独立运行模式。

  • 关于新媒体的一些个人看法

    前言

    新媒体发展这么迅速,每天我也会通过互联网获取很多信息,最近看了很多相关事件,我觉得信息爆炸的时代有点点是需要解决的,第一个是原创保护问题,第二个就是信息来源的真实性。

  • Single-spa 成熟的微前端架构方案

    前言

    由于多个中后台系统做前后端分离,各个业务模块集合在一个项目里面开发会造成后期不好维护且容易出问题,也不方便独立部署。
    所以需要设计一套高度解耦又聚合在一个平台方便管理的系统架构。

    微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

  • Vue SSR服务端渲染-SRR指南构建

    前言

    基于Vue-CLI v4版本构建的SPA项目改造成VueSSR服务端渲染项目。

    背景

    前段时间对网站项目进行了大的架构重构,上线已经半年了。一直想分享Vue-SSR项目架构,但是一直在忙SSR网站的架构优化迭代。
    首先说一下做SSR项目重构的项目目的是什么

    1. 更全面的SEO优化
    2. 网站首屏渲染性能优化
    3. 项目可维护性优化
    4. 项目高可用性优化
  • 比'Vue Cli'更高纬度的下一代前端工具|尤雨溪新品Vite的魔力

    前言

    现在前端cli工具已经比较成熟,而且用的也很方便,但是最近又出现了比’Vue Cli’更高纬度的下一代前端工具|尤雨溪新品Vite的魔力。
    这些工具的出现是为了解决 ES Modules 模块系统本身的环境兼容问题、以及零散的模块文件导致的频繁网络请求发送和模块化发散的问题等等。
    既然已经有了 Webpack,尤大再整一个 Vite 到底有啥用呢?

  • Ubuntu Nginx 配置https免费SSL证书安全环境

    前言

    有时候在某些开发场景必须需要用到https安全环境来测试,比如FB的登录sdk调试,FB的App LinksPWA的调试等等。那我们就需要搭建一个https安全环境,这种情况我有两种解决方案。

    1. mkcert本地生成免费安全证书
    2. 七牛云或者阿里云白嫖免费安全证书

    第1种本地生成的证书只能在自己电脑上信任证书来确保https安全环境为绿色,在其他设备上会显示https不安全。
    要使用公网认证的https就用第2种方式,去白嫖SSL安全证书,第2钟方式要有几个前提条件

    • 自己拥有ECS云服务器(这个阿里与好像也有能白嫖的低配机器)
    • 自己拥有一个域名(去阿里云购买非特殊域名也不贵几块钱一年)
    • 注册七牛云账户去0元购买SSL免费证书
    • 还有就是你需要基本熟悉Linux操作命令

    我下面主要介绍第2种方案,想要实现第1种方案的可以去查看mkcert的文档

  • React 核心概念重点笔记

    前言

    把之前阅读React官方文档,重点笔记做一下归纳。以及会提及到React和Vue的共同点和核心概念差异。
    提示:此篇文章纯属作者的一个学习笔记,对其他人可能没有实际上的学习帮助,只是为了作者自己日后翻看能快速回顾之前学习时的思想碰撞点。

  • node-rsa 生成私钥/公钥 加密/解密 签名/验证

    前言

    简单介绍使用node-rsa模块生成/导出秘钥,加密/解密,签名/验证

    具体方法见API

  • Express+Vue+AMP+PWA项目模板使用说明

    介绍

    特点

    • 解决单页面应用(SPA)的SEO配置问题
    • 拥有可控的服务端中间件功能,服务端重定向,服务端打cookie等
    • 可在服务端根据前端需要组装数据供首屏渲染使用
    • 可方便开发AMP页面,并跟vue打包资源同时发布又区分明确的静态资源
    • 一键集成PWA功能,附带可用的pwa配置
    • 方便vue多页面入口配置,及打包资源分析等等
  • Express+Vue+AMP+PWA的项目架构

    前言

    Express+Vue+AMP搭建node服务端注入首屏渲染数据, Express+ejs组装AMP组件的项目架构
    我做过的某个项目经历过以下5个项目架构形态

    1. Vue+PHP CI
    2. Vue+Nginx
    3. Vue+PHP
    4. Vue+Express
    5. Express+Vue+AMP+PWA

    具体架构变动看下面的思维导图