mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 好扩展 前端赋能 易易学习 超低上⼿手 成本 多端复⽤用 技术沉淀收益规 模化 提⾼高开发效率 减少重复劳动 ⾃自动化构建 组件化开发 企业级开发核⼼心能⼒力力 适⽤用⼤大型项⽬目重要 uni-app ⽅方案 2 mpvue 使⽤用⽅方式 mpvue 框架针对的使⽤用场景如何，在各种复杂的 场景下应该如何使⽤用，典型的使⽤用流程是怎样的？ 使⽤用 mpvue 之前 了了解⼩小程序能⼒力力 & 边界 了了解 Vue.js 特性 了了解前端构建 mpvue 做什什么 & 不不做什什么 设计⼀一种编码⽅方式 确定⼀一套语法集合 内置编译构建⼯工具 推荐示例例项⽬目模板 UI 组件库

IMWebConf2017 前端开发者大会 尊敬的 先生/女士，您好！ IMWebConf2017 前端开发者大会将于2017年09月在深圳召开。 会议内容 会议内容 作为业内有一定影响力的专业前端技术交流大会，IMWebConf 已经成功举办五届，累计探讨的议题超过上百个，线 上线下参会者达数千人，累计影响前端爱好者超过数万人。 这是一次难得的和国内外以及腾讯前端大神面对面交流的机会。 发。同时 是技术实用主义者一枚，没有技术偏见，本 着“简单易用，开心就好”的开发理念投入工作 学习。经常潜水于各技术社区，在GitHub发表 过拙作《koa2进阶学习笔记》开源电子书，致 力与技术菜鸟共同进步，互相学习。 koa2的奇思妙想 ## 前世今生 - 洪荒时代 - 英雄时代 - 工业时代 ## HTTP的奇妙旅程 - koa2的请求旅程 - 任人打扮HTTP ## 阿里游戏前端负责人，EggJS 核心开发者。 Egg & Node.js 从小 工坊走向企业级开发 Egg 是阿里 Node.js 的核心 基础框架，通过「微内核 + 插件机制 + 框架定制能 力」，完美达成生态共建和 差异化定制的平衡点。Egg 已开源近一年，本次分享将 介绍 Egg 的设计理念和特 点，演示在团队里如何渐进 式演进，希望能帮助开发者 定制适合自己团队的上层框 架，走向企业级开发协作。

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

the buttons ... --> 3. 通过添加一个 attribute，我们修复了原来的过渡，而不必添加任何特殊 style。 我们可以用它来协调更具表现力的动作，例如折叠卡片，如下所示。实际上是两个元素在彼此之间转 换，但是由于开始状态和结束状态的比例是相同的：水平为0，它看起来就像一个流体运动。这种轻描 淡写对于真实的 UI 微交互非常有用： 组件之间的过渡更简单 app.mount('#dynamic-fade-demo') TODO：示例 最后，创建动态过渡的最终方案是组件通过接受 props 来动态修改之前的过渡。一句老话，唯一的限 制是你的想象力。 列表过渡 - 156 - 本文档使用 书栈网 · BookStack.CN 构建 Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效 呢，比如： 本文档使用 书栈网 · BookStack.CN 构建 这些特定的语言只是例子，你可以只是简单地使用 Babel，TypeScript，SCSS，PostCSS 或者其 他任何能够帮助你提高生产力的预处理器。如果搭配 vue-loader 使用 webpack，它也能为 CSS Modules 提供头等支持。 怎么看待关注点分离？ 单文件组件 - 250 - 本文档使用 书栈网 ·