专栏
下载APP
mpvue原理深入解析36讲
从入门到原理,一站通关mpvue
Sam · BAT高级前端专家

已更新8节 · 共计37节

107人已订阅

2018 年初,美团宣布开源小程序框架 mpvue(github地址),引起行业内很大反响。2019 年 2 月 mpvue 更新至2.0版本,支持微信、支付宝、百度和头条四端小程序。 mpvue 正以猛烈势头冲击着小程序开发版图,以 github 1.8w+ Star 坐稳 Vue 生态小程序框架第一的位置,并且 Vue 作者尤雨溪也进行了深度参与。 随着小程序的应用场景越来越多,mpvue 可以说是 Vue 开发者不可不学的必备技能。

小程序可谓当下最热门的前端技术栈之一,也即将成为未来终端的主流方式。最新数据显示,微信小程序用户已突破 6 亿,日活 2.5 亿;而支付宝小程序也紧随其后,用户突破 5 亿,日活近 2.3 亿。除此之外,百度、头条等大厂也正纷纷入场。

在小程序开发火爆发展的同时,前端开发者面临很大挑战:一方面需要支持的端越来越多,工作量越来越大;另一个方面,每个平台都会存在一定差异,开发成本居高不下。在这种背景下,各类小程序框架异军突起,不可不学的 mpvue正是其中的佼佼者。

使用 mpvue 开发小程序,你将在小程序技术体系的基础上可以收获如下能力:

  • 彻底的组件化开发能力:提高代码复用性;
  • 完整的 Vue.js 开发体验;
  • 方便的 Vuex 数据管理方案:方便构建复杂应用;
  • 快捷的 Webpack 构建机制:自定义构建策略、开发阶段 hotReload;
  • 支持使用 npm 外部依赖;
  • 使用 Vue.js 命令行工具 vue-cli 快速初始化项目;
  • H5 代码转换编译成小程序目标代码的能力。

通过本专栏,在小程序技术体系收获如上能力之外,你还可以轻松收获如下技能

  • 轻松掌握 Vue 开发者必备的小程序技术栈——mpvue
  • 从框架底层原理角度理解 mpvue 的实现原理,从容面对小程序真实项目开发中遇到的各种问题,开阔技术眼界
  • 提升小程序技术栈的整体能力,掌握知名框架的设计思路

讲师 Sam,10 年互联网产品开发经验,现任 BAT 高级前端专家。长期钻研前端前沿技术,曾在慕课网出品《Vue2.5实战微信读书》和《mpvue2.0实战多端小程序》实战课,深受学员好评。

根据专栏课程风格,每篇 mpvue 的文章结构大致如下:

1.导语:承上启下,由上一节内容引出本节内容,保证连贯性;
2.特性:讲解 mpvue 的每一项核心特性,以及该特性的应用场景;
3.原理:讲解该特性背后的实现原理,让你知其然知其所以然;
4.案例:通过经典应用场景,结合实际案例强化学习效果,学以致用;
5.总结:总结本节学习的核心内容,并引出下一节课程内容。

希望本期专栏可以帮助各位同学更好地学习 mpvue 框架,同时更欢迎大家踊跃留言,共同讨论。

专栏模块

本专栏围绕“mpvue特性与原理”及“ mpvue 最佳实践”两个主题展开,分为 9 大模块,共 36 个小节:

开篇词

对多端小程序框架 - mpvue 2.0介绍,了解背景及历史。

准备篇

用一个小的案例,快速上手 mpvue ,感受它的强大。

mpvue基础篇

总结 mpvue 的基础8式,涵盖 mpvue 的核心基础功能,让你快速上手 mpvue 框架。

mpvue核心篇

总结 mpvue 的核心6式,涵盖 mpvue 的高阶核心内容,并通过案例达到从理论到实践的效果。

mpvueruntime原理篇

讲解 mpvue 运行时的核心源码,包含响应式、渲染原理、事件代理、生命周期等内容,充分掌握 mpvue 背后的运行机制。

mpvue compiler原理篇

讲解 mpvue 如何将 Vue 组件编译为小程序文件,以及 Vue 的 template 解析原理等内容,充分了解 mpvue 背后的核心原理。

mpvue实战指南篇

提供 mpvue 的最佳学习路径,总结 mpvue 实战开发中常见的坑以及精华知识点,让你在学习过程中不走弯路。

主流小程序框架对比

对比目前主流小程序框架的优点与缺点,让你在实际工作中能够做到有的放矢。

结束语
对未来小程序的展望,开启未来主流开发方式 - 多端小程序。

查看全部
适合人群
  • 有一年左右工作经验的前端工程师
  • 具有基本的 HTML 和 CSS 以及 JS 编程基础,有一定 Vue.js 基础的前端开发人员
购买须知
  1. 本专栏为图文形式内容服务,共计 36 小节,上线时间为 2019 年 8 月 13 日,预计 2019 年 11 月 更新完成;
  2. 本专栏更新时间为每周一,三,五更新 1 篇,形式为图文;
  3. 订阅成功后,用户即可通过慕课网 PC 端、App 端、WAP 端享有永久阅读的权限;
  4. 慕课专栏为虚拟内容服务,订阅成功后概不退款;
  5. 在专栏阅读过程中,如有任何问题,请邮件联系kf@imooc.com;
  6. 慕课专栏版权归本平台所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任。
本专栏知识点梳理
1.专栏阅读需要具备一定的JS、Vue语言基础知识,可参考:
实战 Vue2.5开发去哪儿网App 从零基础入门到实战项目
实战 Vue 实战商业级读书Web APP 全面提升技能
课程 vuex基础入门
课程 JavaScript入门篇
课程 JavaScript进阶篇
2.在此专栏基础上,如果你想用项目实操加强mpvue的相关知识点学习,实战课程可参考:
实战 零基础入门 实战mpvue2.0多端小程序框架
— 造烛求明,读书求理 —
免费试读
限时优惠¥38.0049.00