开发的前置知识结构

linux系统，http协议，git版本管理，html、css、js语言，基本的数据结构和算法

开发实战

环境准备

1. 开发环境
   node 10.x,vue-cli 3.x,webpack 4.x

2. 基本的项目依赖
   element-ui，axios，vue-router，vuex
   以及package.json里面的依赖

3. 配置文件编写
   package.json，.editorconfig，.eslintrc.js，.eslintignore，.gitignore，vue.config.js，readme.md，dockerFile
   这些文件涉及到的领域是，
   项目依赖库，文本编辑器配置，代码规范检查配置，代码规范检查忽略列表配置，git忽略列表，vue脚手架配置，项目文档，docker配置文件

开发业务基本准备

1. 接口处理
   连接超时，http状态码，业务状态码，请求封装。

2. 接口mock
   前提是你跟后端已约定好接口格式。

3. 路由处理
   登录状态，权限等级判断，未知页面跳转。

4. 页面性能和异常监控

5. 前端安全策略
   cors，xss，cps，混淆策略

业务到代码的逻辑映射

组件状态设计，接口结构到组件状态结构的转换，组件之间的状态管理

软技能

1. 业务、产品、视觉交互、后端、同级、直属领导、大领导沟通
2. 目标规划和绩效review
3. 身体和心灵状态管理

前端Leader

制定团队开发规范

统一开发环境，代码风格规范

制定代码版本管理规范

commit规范，分支策略

搭建项目自动化部署流程

项目周期管理

团队技术、情感交流提升

工作提效和业务开拓