mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue 作为⼩小程序应⽤用开发框架，mpvue 具有什什么特点？为开发者 带来了了是什什么？当前社区的反馈如何？ mpvue 是什什么 使⽤用 Vue.js 开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue mpvue 使⽤用⽅方式 mpvue 框架针对的使⽤用场景如何，在各种复杂的 场景下应该如何使⽤用，典型的使⽤用流程是怎样的？ 使⽤用 mpvue 之前 了了解⼩小程序能⼒力力 & 边界 了了解 Vue.js 特性 了了解前端构建 mpvue 做什什么 & 不不做什什么 设计⼀一种编码⽅方式 确定⼀一套语法集合 内置编译构建⼯工具 推荐示例例项⽬目模板 UI 组件库 常⽤用⼯工具库 第三⽅方平台⽀支持

并⽀支持灰度⽐比例例、ABTest、差量量包等 ⾼高级特性。 Android Platform iOS Platform Web Platform React.js Library Vue.js Library 前端主导 ⽀支持最流⾏行行的框架 向阳⽽而⽣生 代码即将对外开源 （ 发布平台） User Code JavaScript Global Console... Global Method Android Platform iOS Platform Web Platform React.js Library Vue.js Library User Code JavaScript 项⽬目架构 Layout/Style Hippy Layout Text Component Text... Component Global Console... Global Method Android Platform iOS Platform Web Platform React.js Library Vue.js Library User Code JavaScript Hippy-Vue 的初⼼心 容易易 复⽤用 纯粹 Hippy-Vue 三个⽬目标 容易易 前端开发所熟悉的 复⽤用

Sublime 和 Atom 转投 Visual Studio Code 编辑器，这成为一种趋势。 jQuery 仍有热度，但使用率和关注度都在下滑。jQuery 3 已然发布 ，却无人问津。 Vue.js 理所应当地吸收更多追随者。 JavaScript 函数式编程和模式备受关注。 离线开发和渐进式 WEB 应用（PWA）步入主流。 微软发力。 基于 web 技术，使用 NW.js 和 Electron CLI Ember + embercli + Ember Inspector Polymer React + create-react-app + React开发工具 Vue.js + vue-cli & Vue.js devtools Riot 原生混合移动WebView框架（例如：浏览器引擎驱动）： 这些解决方案一般使用Cordova、 crosswalk、或自定义WebView作为使用原生接口的桥梁。 js-framework-benchmark 注意： 2017年基于UI应用程序构建组件时需要注意inferno、Svelte、 和NX。 建议： 如果你是前端/JavaScript应用程序开发的新手，建议从Riot 或 Vue.js开始着手。其次学 习React。然后Angular 2、 Ember、或者 Aurelia。 如果你开发的是一个数据交互少的小型网站（基本上是一个静态页面），这时不需要使用前 端框架。许多工作可以使用任务运行工具如Gulp

/ Vulkan Layout XML Layer Tree RenderObject Tree Widget Tree Java / Kotlin React.js Rax.js / Vue.js VDOM Dart Native View Tree (OEM) Layout Tree DOM Tree JS VDOM Layer Tree Layer Tree 渲染技术探索

┌──────────▼──────────┐ Siwi, /ˈsɪwi/ │ │ │ Web_Speech_API │ A PoC of Dialog System │ │ │ Vue.JS │ With Graph Database │ │ │ │ Backed Knowledge Graph │ │

题？相信你会得到一些答 案。 张小春 小春现任摩拜科技前端负责人，之前滴滴公共 前端团队负责人，再之前的最近的经历主要在 豌豆荚，喜好前端，也做过后端和客户端，出 版过2本前端读物，包含 《vue.js权威指南》 等，作为分享嘉宾最近参与了 2016 SDCC 中 国软件开发者大会 以及最近的全球首届 vueconf 等技术分享大会 陈申海 现就职于某大型电商网站担任资深前端开发工

Front-end development framework 前端开发框架的使用中，Top5 分别是 Vue.js，JQuery，React，Element UI 和 Bootstrap。 The Top5 front-end development frameworks in use are Vue.js, JQuery, React, Element UI and Bootstrap.

A Foundation for Scalable Cross- Platform Apps vue SimulatedGREG/electron-vue: An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder

用 者 开源商业公司/项目 贡 献 者 开 源 软 件 开发者社区 开源产业联盟 代码托管平台 操作系统 云原生相关服务 开源基金会 Web移动开发 AI框架 基础云架构 Vue.js 31 ©2021.12 iResearch Inc.