mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue 作为⼩小程序应⽤用开发框架，mpvue 具有什什么特点？为开发者 带来了了是什什么？当前社区的反馈如何？ mpvue 是什什么 使⽤用 Vue.js 开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 美团⽕火⻋车票 • 酒旅⼩小程序标准⽅方案，10+ ⼩小程序接⼊入 • 美团点评⼩小程序陆续接⼊入中 • 外部合作持续洽谈接⼊入中 54% 美团外卖 62% mpvue在美团外卖的实践 DCLOUD uni-app ⽅方案 2 mpvue 使⽤用⽅方式 mpvue 框架针对的使⽤用场景如何，在各种复杂的 场景下应该如何使⽤用，典型的使⽤用流程是怎样的？ 使⽤用 mpvue

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

IMWeb团队专注前端领域多年，曾负责腾讯最核心的基础海量业务QQ统一登录、QQ注册、QQ群等，目前主要聚焦 腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发， 并精心打造前端工程师Next学位，开启在线教育变革之路。 我们的工程师们也多次在Qcon、Velocity等业界大会进行分享。我们有着丰富的前端经验，也热衷于技术的开源与 分享。每年，我们都会举办自己的前端大会 ——IMWebConf。 Now and the Future Michael Yeung Michael Yeung，毕业于加州大学柏克萊分校 电机及电脑科学系，而后在麻省理工学院取得 硕士学位。曾在甲骨文担任软体工程师，及在 德勤担任顾问一职。于 2011 年起加入 Google，在山景总部进行 Google Offers 与 Google Wallet 的技术整合工作。目前主要负责 分享和推动 PWA 多次500+以上演进 更了不起的Node.js Node更新过快，大家开发中 天天用，但对Node没有大局 观，对一些更好的写法，最 佳实践不熟悉。《更了不起 的Node.js：将下一代Web框 架Koa进行到底》一书的核 心内容，覆盖最新技术栈， 大局观和最佳实践 姜天意 姜天意，昵称99，阿里巴巴零售通事业部前端 技术专家 Web安全风险与Node 框架安全方案介绍 深入浅出的介绍的常见的安

(opens new window) 结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频，带你了解其核心概念和一个示 例工程。 如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。 安装 TIP 官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开 CN 构建 基础 语义学 标准 资源 无障碍 - 275 - 本文档使用 书栈网 · BookStack.CN 构建 Web 可访问性 (也称为 a11y) 是指创建可供任何人使用的网站的实践方式——无论是身患某种障碍、 通过慢速的网络连接访问、使用老旧或损坏的硬件，还是仅仅是处于不利环境中的人。例如，在视频中 添加字幕可以帮助失聪、重听或在嘈杂的环境中听不到手机的用户。同样，请确保文字对比度不要太 文本 大小和语言，还要考虑应用程序中内容的结构。 用户可以通过标题在应用程序中进行导航。为应用程序的每个部分设置描述性标题可以让用户更容易地 预测每个部分的内容。说到标题，有几个推荐的可访问性实践： 按级别顺序嵌套标题：

-

不要在一个章节内跳跃标题的级别 使用实际的标题标记，而不是通过对文本设置样式以提供视觉上的标题 关于标题可进一步阅读 (opens