作为⼩小程序应⽤用开发框架，mpvue 具有什什么特点？为开发者 带来了了是什什么？当前社区的反馈如何？ mpvue 是什什么 使⽤用 Vue.js 开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 实现思路路 ⼩小程序开发姿势各不不相同，mpvue 是如何决策的？制定规则 还是复⽤用规则，mpvue 如何通过最⼩小的代价，打通传统前端 和⼩小程序开发的壁垒？ Vue 代码 mpvue 编译器器 视图层代码 逻辑层代码 执⾏行行阶段 编译阶段 View VDom Component WXML WXSS Service mpvue SDK 事件函数 逻辑 Data ⽣生命周期 AppData ⽣生命周期 事件函数 Vue 对象 data ⽣生命周期 事件代理理机制 数据同步机制 ⽣生命周期关联 mpvue SDK 从 SFC 提取出 AST 从 AST 构建模板代码 AST 数据改造 mpvue-loader MINA mpvue wepy 语法规范 ⼩小程序开发规范 基于 Vue.js 类 Vue.js 样式规范 wxss sass, less

书栈网 · BookStack.CN 构建 响应性 深入响应性原理 响应式原理 响应式计算和侦听 组合 API 介绍 Setup 生命周期钩子 提供/注入 模板引用 渲染机制和优化 Vue 2 中的更改检测警告 工具 单文件组件 测试 TypeScript 支持 Mobile 规模化 路由 状态管理 服务端渲染 无障碍 基础 语义学 标准 资源 Vue 项目运行： 1. vue upgrade --next Vite (opens new window) 是一个 web 开发构建工具，由于其原生 ES 模块导入方法，它允 许快速提供代码。 npm 命令行工具 (CLI) Vite 安装 - 8 - 本文档使用 书栈网 · BookStack.CN 构建 通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。 js 只包含运行时，并且需要在构建步骤期间预编译模板。 内联所有 Vue 核心内部包——即：它是一个单独的文件，不依赖于其他文件，这意味着你必须导 入此文件和此文件中的所有内容，以确保获得相同的代码实例。 包含硬编码的 prod/dev 分支，并且 prod 构建是预先缩小的。使用 *.prod.js 用于生产 的文件。 提示 全局打包不是 UMD (opens new window)

巴B2B和腾讯IMWeb。 2012年就职于腾讯IMWeb，负责IMQQ官网已 经公司内部产品体验环境优化。 2014年就职于阿里巴巴B2B，负责1688商家平 台前端开发。 现在在饥人谷从事前端培训行业。 我从TJ身上学到了什 么 1. 从 Ruby 社区学习 2. 从 TJ 的代码中学习 主要涉及前端框架、工具、 社区文化等方面的知识。 jeffreyluo(罗嘉 辉) 腾讯SNG高级前端工程师，2013 加入腾讯， 先后负责微信钱包，QQ钱包相关业务，现在是 QQ钱包，QQ智慧校园的核心开发者，喜欢前 端技术，在框架/工具方面有较深的经验沉淀。 QQ钱包优化实践 1. 性能优化：service worker 在QQ钱包的实践 2. 生产力优化： 打造QQ钱 包专属辅助系统 kavinkhuang(黄 伟明) 黄伟明，腾讯Web前端高级工程师。2011年加 入腾讯，先后负责QQ会员游戏特权、QQ钱包 回收的ListView组件应用， 包括React->web和web- >React自动化转化； （3）ReactNative开发调试 中jsbundle打包优化； （4）空间商城自动化； huarongxu(徐华 荣) 徐华荣，QQ浏览器高级工程师，从事过编译器 优化，Javascript引擎JIT开发工作， 目前负责 桌面QQ浏览器内核研究和开发，TBS（腾讯浏 览服务）组件负责人； Javascript引擎的技术

Google I/O 2017 Addy Osmani presenting Vue + PWA Vue 2.3 Jojo’s Bizarre Adventure 2.3 服务端渲染改进 ● 在存在代码分割的情况下，通过分析 Webpack 服 务端和客户端的构建信息，自动推导需要在客户端 预加载的文件，生成最优的