前端架构师之路

• 工程化

工程化

• vue源码
• vue-cli
• vue-router源码
• vuex源码
• axios源码
• 封装vue组件库

• vue源码（2.x and 3.x）
  • rollup配置
  • 手写Vue源码-这可能是你目前见过最完整的 (opens new window)
  • 表单生成器（若依）
• CLI 脚手架
  • vue-cli
    • vue-cli@3.x 使用 lerna
    • 基础：脚手架的工作原理 (opens new window)
  • create-react-app
    • 入门：从零实现React官方脚手架create-react-app (opens new window)
  • umi及区块
  • 管理多个小程序 (opens new window)
• npm依赖
  • commander
  • inquirer
• vscode插件
• source-map
• An Introduction to Source Maps (opens new window)

微前端

BFF - Backend For Frontend(服务于前端的后端):

微前端架构

目前较流行的 微前端 架构技术方案有：

• single-spa (opens new window)
• qiankun (opens new window) - 基于 single-spa，蚂蚁金服。
• mooa (opens new window) - 基于 single-spa的 Angular 微前端

• 微前端的前世今生 (opens new window)

Low Code低代码

• 花椒低代码可视化编辑平台的设计与实践 (opens new window)

设计模式

UglifyJS

常用的javascript parser有:

• Esprima (opens new window)
• UglifyJS2 (opens new window)
• Traceur (opens new window)
• Acorn (opens new window)
• Espree (opens new window)
• Shfit (opens new window)

在整个解析过程分为两部分:

• 分词: 将整个代码字符串分割成最小语法单元数组
• 语法分析: 在分词基础上建立分析语法单元之间的关系

其它

• UglifyJS (opens new window)
• Source Maps Revision 3 Proposal (opens new window)
• Source Maps Demo (opens new window)

http://rapheal.sinaapp.com/category/js/uglify%E6%BA%90%E7%A0%81/

jQuery源码

• jQuery源码剖析 (opens new window)

大神

• 拉风的博客 (opens new window)