1.打包效率，平均打包时间
原有解决线上问题的方式，由塞包转变为打包
发散思维：如何保持代码一致性
项目代码多实例部署，时间成本增加
发散思维：怎么确保在解决线上问题时，修复bug，不引发其他bug。------> 开发人员的能力和对项目的熟悉程度。
上线，前端开发提供好一个版本包，或者开发直接部署
建议：自动化脚本打包
2.webpack性能优化
要点：
a. 抽取第三方依赖库，DLL（Dynamic Link library，动态链接库）
b. 使用externals(外部扩展)，排除公共依赖，使用CDN资源
若没有CDN资源，可以把其作为静态资源
在webpack.base.conf.js，引入manifest.json(其中有依赖包的信息），webpack依据这个插片，进行build时，不引人这些包
3.yarn
快速、可靠、安全的依赖管理工具
facebook
比npm的优势：速度快，离线模式，版本控制
4.测试
单元测试（uint test）
端到端测试 (e2e test)
主要应用到后端项目，前端项目中用到的比较少
技术栈：mocha（“抹茶”）、istanbul（“代码覆盖率工具”）
借鉴点：*.vue和*.js，可使用官方提供的内置测试用例
5.check-versions.js
有些依赖包对npm或node有版本限制，可以使用此配置，进行检测
6.static目录
项目目录构建时，static目录可以存放一些静态资源，打包的时候不会处理static/*下的内容，使用CopyWepackPlugin
复制自定义资源到打包后的静态文件夹中
7.基本工作流程
交互设计师 ------> 视觉设计师
------> 前端
------> 后端
各司其职，并行开发
8.最流行的设计和原型工具——墨刀
9.字体
font-famliy:MicrosoftYaHei
MicrosoftYaHei.ttf
9.本次学习目标
规范、技术规范
基础框架，一整套
代码路径
实战经验
10. 新词汇
集成 keycloak 登录鉴权
优化登录状态的判断。首次登录后，将token保存到cookie中。当vuex中的数据丢失后，从cookie中获取token再登录
11.vue项目开发规范
页面数据放在store中保存
*.vue只负责数据渲染，将具体业务逻辑分到action/store