Vue优化进阶实战

steven 查看讲师

百林哲咨询（北京）有限公司专家团队成员

曾负责滴滴出行公共前端团队负责人，带领团队完成了国内第一本Vue.js的书籍《Vue.js权威指南》，组织编写过Vue.js的公司级组件库以及构建等解决方案。组织参与了一些公司级的组件库开发和复杂业务模块的设计。

浏览：4856次

详情 DETAILS

简介

Vue 是前端开发的主流框架，是一个典型的MVVM结构，随着版的不断迭代，功能越发强大，渐渐成为前端开发的首选和必备框架，许多大型的企业都纷纷将该框架应用到自己的项目中，虽然该框架入门易，但精通很难，必须要有实战开发的经历。

本课程结合Vue框架实践案例，基于ssr 多品类线上业务实践介绍其实现原理及服务监控分析。

目标

1、掌握多页应用压缩多进程优化、Vendor 文件臃肿优化、SPA 内置的优化

2、熟悉运营组件和运营工具

3、掌握vue-server-renderer核心原理、方案及优化

4、掌握线上vue node ssr 服务监控及优化

受众人群

有一定js基础或者对前端新技术感兴趣：

技术主管、架构师、各个阶段的前端开发、喜欢前端的后端开发、全栈开发

课程时长

2天（12H）

分享提纲

1、多页应用(内混 SPA 或纯多页)	a) 多页的目录设计 b) 入口文件的动态生成 c) Html 的生成 d) SPA 内置的优化
2、多页应用优化	a) Dev 白名单速度优化 b) 压缩多进程优化 c) Vendor 文件臃肿优化
3、多页应用 + 国际化构建支持	分析
4、运营类业务应用	a) 运营组件 b) 运营工具 – h5 编辑器实现
5、ssr 多品类线上业务实践	a) vue-server-renderer 的核心介绍 a) createRenderer 与 createBundleRenderer 区别 b) server-bundle.json 与 client-manifest.json 区别和配置信息 c) build html 生成的原理 b) Ssr 业务带来的收益以及相比静态 ng 的本质区别 c) Nuxt 特性及实现原理介绍 d) Nuxt i18n 方案及优化 a) Middleware 的实现 b) 翻译 json 的按需加载 e) Egg 的 vue ssr 方案实现及优化
6、线上 node ssr 服务监控	分析
7、自研 vue node ssr 需要的技能	分析
8、webpack 高级特性与案例实战	分析