前端知识回顾概览--工程化

知道如何让项目开发更 加规范

对自动化开发、部署、 测试有一定了解

 

1.前端工程化详解

前端工程化的发展 - 从模块化到工程化

babel 编译工具链的使用 + babel plugin拓展

工程化脚手架

脚手架核心原理

2.自动化构建

常用自动化构建工具

Npm Scripts、Grunt、 Gulp、FIS3

Webpack模块详解

前端构建的性能优化

vite新生态的开发变革

3.自动化测试

自动化测试概览：单元测试 + e2e测试

单元测试理念

UT框架对比与实践

e2e测试现实意义

端到端测试实践

4.自动化部署

持续集成与持续部署Jenkins

大厂中的工作流与devOps实践

 

5.模块化开发与webpack

后模块化的编译

异步组件打包

HRM原理

编译工具 babel 详解，如何写一个 babel 插件

静态检查工具 eslint 详解，如何自定义团队配置

打包工具 webpack 详解

1. webpack 优化

2. 如何写一个 webpack loader

3. 如何写一个 webpack 插件

6.bundleless 打包构建方案

vite 使用与介绍

vite 1.x - 2.x 框架对比

vite 源码解析

vite 实战

其他 bundleless 方案以及打包优化方案(esbuilder \ rollup 等)介绍与对比

7.微前端

微前端概念、现有方案利弊

Single-spa 实现原理

路由应用入口应用加载

qiankun 实现原理应用加载

js 隔离css 隔离应用通信

qiankun 实战

8.前端 AST

AST 简介、常见前端 AST 库解析

babel 原理与框架浅析

babel 插件实战：日志实战等