工坊走向企业级开发 Egg 是阿里 Node.js 的核心 基础框架，通过「微内核 + 插件机制 + 框架定制能 力」，完美达成生态共建和 差异化定制的平衡点。Egg 已开源近一年，本次分享将 介绍 Egg 的设计理念和特 点，演示在团队里如何渐进 式演进，希望能帮助开发者 定制适合自己团队的上层框 架，走向企业级开发协作。 林子杰 阿里巴巴前端开发专家，UC 浏览器内核前端 主要涉及前端框架、工具、 社区文化等方面的知识。 jeffreyluo(罗嘉 辉) 腾讯SNG高级前端工程师，2013 加入腾讯， 先后负责微信钱包，QQ钱包相关业务，现在是 QQ钱包，QQ智慧校园的核心开发者，喜欢前 端技术，在框架/工具方面有较深的经验沉淀。 QQ钱包优化实践 1. 性能优化：service worker 在QQ钱包的实践 2. 生产力优化： 打造QQ钱 包专属辅助系统 空间H5开放平台与游 戏结合实践 通过与游戏结合实践，将空 间H5平台能力开放，解决H5 页面白屏时间过长、页面跳 转闪烁等问题；以新的H5接 入方式，解决开放与安全的 矛盾，既开放更多平台能 力，又能保证安全隔离与全 链路的监控；构建拥有优质 体验与提供安全的增强能力 的H5接入开放平台。 neilcui(崔进) 崔进，腾讯Web前端高级工程师，Node.js TSW组件核心开发者

命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 好扩展 前端赋能 易易学习 超低上⼿手 成本 多端复⽤用 技术沉淀收益规 模化 提⾼高开发效率 减少重复劳动 ⾃自动化构建 组件化开发 企业级开发核⼼心能⼒力力 适⽤用⼤大型项⽬目重要 uni-app ⽅方案 2 mpvue 使⽤用⽅方式 mpvue 框架针对的使⽤用场景如何，在各种复杂的 场景下应该如何使⽤用，典型的使⽤用流程是怎样的？ 使⽤用 mpvue 之前 了了解⼩小程序能⼒力力 & 边界 了了解 Vue.js 特性 了了解前端构建 mpvue 做什什么 & 不不做什什么 设计⼀一种编码⽅方式 确定⼀一套语法集合 内置编译构建⼯工具 推荐示例例项⽬目模板 UI 上⼿手成本 全新学习 熟悉 Vue.js 即可 Vue.js 和 wepy 集中数据管理理 不不⽀支持 Vuex Redux 引⼊入代码 ⽆无增量量 50K SKD 模板代码 + 框架SDK 框架能⼒力力对⽐比 去哪⼉儿 anu 京东 taro 其它框架： 4 mpvue 实践 & 展望 mpvue 框架解决哪部分核⼼心诉求，实际开发中有什什么好的建 议？针对社区的反馈，mpvue 未来的⽅方向是什什么

Web 开发效率⾼高 ⽀支持多平台 可动态发布 体验差 能⼒力力弱 Native 开发效率低 ⽆无法跨平台 发布复杂 体验好 能⼒力力强 传统移动端开发模式，⽆无法满⾜足业务精细化运营需求，急需寻找⼀一种⾼高性能、跨平台、动态发布的开发解决⽅方案。 前终端⼀一体化 开发效率⾼高 ⽀支持双平台 可动态发布 能⼒力力强 体验好 Hippy 简介 腾讯 Hippy 动态运营解决⽅方案由 同⼀一套代码，三端运⾏行行： 移动端⽤用 Hippy-Vue 渲染原⽣生代码 浏览器器⾥里里⽤用原版 Vue 渲染⽹网⻚页代码 终端扩展 Vue.Native，可以通过它 判断是否在终端运⾏行行，访问原⽣生能⼒力力。 Hippy-Vue 特性 同样的 div 浏览器器⾥里里⽀支持的背景图样式 Hippy-Vue 同样⽀支持 跟浏览器器⼀一样通过 overflow 样式 确定滚动⽅方向 Hippy-Vue

发布版本说明 Vue Devtools CDN 安装 - 7 - 本文档使用 书栈网 · BookStack.CN 构建 在用 Vue 构建大型应用时推荐使用 npm 安装[1] 。NPM 能很好地和诸如 Webpack (opens new window) 或 Browserify (opens new window) 模块打包器配合使用。同时 Vue 也提 供配套工具来开发单文件组件。 · BookStack.CN 构建 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。 所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最 少需要重新渲染多少组件，并把 DOM 操作次数减到最少。 标签将会被替代为对应组件实例中 msg property 的值。无论何时，绑定的组件实例 上 msg property 发生了改变，插值处的内容都会更新。 通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留 心这会影响到该节点上的其它数据绑定： 1. 这个将不会改变: {{ msg }} 双大括号会将数据解释为普通文本，而非

可灵活组合 (⽣命周期钩⼦可多次使⽤) 提供更好的上下⽂⽀持 更好的 TypeScript 类型⽀持 按功能/逻辑组织 可独⽴于 Vue 组件使⽤ 对象式 API 存在的问题 组合式 API 提供的能⼒ 什么是可组合的函数 Dark 可复⽤逻辑的集合，专注点分离 export function useDark(options: UseDarkOptions = {}) { const