# 前端工程

前端工程化：以工程化方法和工具提高开发生产效率、降低维护难度

# (一)项目构建

# 1.理解 npm、 yarn依赖包管理的原理，两者的区别

# 2.可以使用 npm运行自定义脚本

# 3.理解 Babel、 ESLint、 webpack等工具在项目中承担的作用

# 4. ESLint规则检测原理，常用的 ESLint配置

# 5. Babel的核心原理，可以自己编写一个 Babel插件

# 6.可以配置一种前端代码兼容方案，如 Polyfill

# 7. Webpack的编译原理、构建流程、热更新原理， chunk、 bundle和 module的区别和应用

# 8.可熟练配置已有的 loaders和 plugins解决问题，可以自己编写 loaders和 plugins

# (二)nginx

# 1.正向代理与反向代理的特点和实例

# 2.可手动搭建一个简单的 nginx服务器、

# 3.熟练应用常用的 nginx内置变量，掌握常用的匹配规则写法

# 4.可以用 nginx实现请求过滤、配置 gzip、负载均衡等，并能解释其内部原理

# (三)开发提速

# 1.熟练掌握一种接口管理、接口 mock工具的使用，如 yapi

# 2.掌握一种高效的日志埋点方案，可快速使用日志查询工具定位线上问题

# 3.理解 TDD与 BDD模式，至少会使用一种前端单元测试框架

# (四)版本控制

# 1.理解 Git的核心原理、工作流程、和 SVN的区别

# 2.熟练使用常规的 Git命令、 git rebase、 git stash等进阶命令

# 3.可以快速解决 线上分支回滚、 线上分支错误合并等复杂问题

# (五)持续集成

# 1.理解 CI/CD技术的意义，至少熟练掌握一种 CI/CD工具的使用，如 Jenkins

# 2.可以独自完成架构设计、技术选型、环境搭建、全流程开发、部署上线等一套完整的开发流程（包括 Web应用、移动客户端应用、 PC客户端应用、小程序、 H5等等）