mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue 美团⽕火⻋车票 • 酒旅⼩小程序标准⽅方案，10+ ⼩小程序接⼊入 • 美团点评⼩小程序陆续接⼊入中 • 外部合作持续洽谈接⼊入中 54% 美团外卖 62% mpvue在美团外卖的实践 DCLOUD uni-app ⽅方案 2 mpvue 使⽤用⽅方式 mpvue 框架针对的使⽤用场景如何，在各种复杂的 场景下应该如何使⽤用，典型的使⽤用流程是怎样的？ 使⽤用 mpvue 集中数据管理理 不不⽀支持 Vuex Redux 引⼊入代码 ⽆无增量量 50K SKD 模板代码 + 框架SDK 框架能⼒力力对⽐比 去哪⼉儿 anu 京东 taro 其它框架： 4 mpvue 实践 & 展望 mpvue 框架解决哪部分核⼼心诉求，实际开发中有什什么好的建 议？针对社区的反馈，mpvue 未来的⽅方向是什什么 现有 Vue.js H5 项⽬目迁移 平台差异抹平 基础库替换

可组合的 Vue Composable Vue, 编写可组合可复⽤的 Vue 函数的最佳实践与技巧 ANTHONY FU Hangzhou, China 2021 Anthony Fu antfu antfu7 Anthony Fu antfu.me Vue 核⼼成员 / Vite 团队成员 VueUse, Slidev, Type Challenges 等项⽬创作者 全职开源

多次500+以上演进 更了不起的Node.js Node更新过快，大家开发中 天天用，但对Node没有大局 观，对一些更好的写法，最 佳实践不熟悉。《更了不起 的Node.js：将下一代Web框 架Koa进行到底》一书的核 心内容，覆盖最新技术栈， 大局观和最佳实践 姜天意 姜天意，昵称99，阿里巴巴零售通事业部前端 技术专家 Web安全风险与Node 框架安全方案介绍 深入浅出的介绍的常见的安 林子杰 阿里巴巴前端开发专家，UC 浏览器内核前端 负责人，UC 内核发布知乎专栏运营者 PWA 技术实践与分 析 自从 Google Chrome 团队提 出 PWA 概念并实现相关技 术之后，成功地引起并持续 性受到前端业界的关注。本 次分享将介绍 PWA 技术的 业务实践经验与问题分析。 张成文 张成文，前IMWEB团队成员，对现代前端技术 体系有较深的理解，曾参与腾讯课堂、手Q会 加入腾讯， 先后负责微信钱包，QQ钱包相关业务，现在是 QQ钱包，QQ智慧校园的核心开发者，喜欢前 端技术，在框架/工具方面有较深的经验沉淀。 QQ钱包优化实践 1. 性能优化：service worker 在QQ钱包的实践 2. 生产力优化： 打造QQ钱 包专属辅助系统 kavinkhuang(黄 伟明) 黄伟明，腾讯Web前端高级工程师。2011年加 入腾讯，先后负责QQ会员游戏特权、QQ钱包

库都会默认你需要硬件加速，并在默认情况下应用，所以你不需要手 动设置它们。 对于简单 UI 过渡，即从一个状态到另一个没有中间状态的状态，通常使用 0.1s 到 0.4s 之间的 计时，大多数人发现 0.25s 是一个最佳选择。你能用这个定时做任何事情吗？并不是。如果你有一些 元素需要移动更大的距离，或者有更多的步骤或状态变化，0.25s 并不会有很好的效果，你将不得不 有更多的目的性，而且定时也需要更加独特。但 filter() 或 .map() 。使用选项 API 时，这种警告不太可能出现，因为所有响应 式都是从 this 访问的，并保证已经是 Proxy。 但是，当使用合成 API 显式创建响应式对象时，最佳做法是不要保留对原始对象的引用，而只使用响 应式版本： 1. const obj = reactive({ 2. count: 0 3. }) // no reference to original 和其他 Vue 插件的集成的便利性。 以下章节提供了在评估最适合你的应用的组件测试框架时需要记住的事项。 框架 Jest Mocha 组件测试 介绍 选择框架 与 Vue 生态系统的最佳兼容性 测试 - 254 - 本文档使用 书栈网 · BookStack.CN 构建 毋容置疑，最重要的标准之一就是组件测试库应该尽可能与 Vue 生态系统兼容。虽然这看起来很全 面，但需要记住的一些关键集成领域包括单文件组件