首页 实战

深入学习小程序框架底层原理，培养双线程思维

深入学习小程序框架底层原理，培养双线程思维，打造前端差异化竞争力，实现弯道超车

已完结
|
难度：高级
|
时长：共 12 小时
￥299.00
距离活动结束
立即购买
加购物车
已有 134 人在学
  • 能力：自研小程序框架能力
  • 思维：培养双线程架构思维
  • 细节：1:1还原微信小程序架构
  • 流程：小程序框架研发全流程
  • 深度：掌握小程序底层原理
  • 面试：储备差异化竞争力
试看本节课 12:48
试看本节课 06:26
1-2 导学
2-1 小程序框架技术方案概述

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定
重新观看
无论你是一位新手，还是一位有经验的开发者，能够自研一套小程序底层框架，都是你突破技术瓶颈有效途径。在本课程中，由曾参与主持小程序框架自研工作的小默老师，带领大家从架构设计 ，原理剖析，再到源码的实现，一步步地实战构建一个完整的微信小程序底层框架，让你深度掌握小程序双线程原理，助力你具备把握最佳机会的能力和提升获取心仪Offer的成功率，成为一个真正有实力的技术人才 。
展开所有

本章介绍：

介绍课程内容，学习建议和注意事项。演示课程项目，让学员有一个整体的认识。

第1章 课程简介
2 节｜13分钟
展开
  • 图文：
    1-1 课程演示 demo 地址
  • 视频：
    1-2 导学
    试看
    12:48

本章介绍：

本章简要介绍双线程模型，结合实际的代码示例，让大家对此模型有一个初略的总体认识。

第2章 双线程简易模型：对双线程有一个初步认识
6 节｜66分钟
收起
  • 视频：
    2-1 小程序框架技术方案概述
    试看
    06:26
  • 视频：
    2-2 webview的使用
    23:54
  • 视频：
    2-3 jscore的使用
    09:51
  • 视频：
    2-4 iframe的使用
    09:43
  • 视频：
    2-5 webworker的使用
    06:28
  • 视频：
    2-6 简易双线程示例
    08:59

本章介绍：

本章专注于在浏览器环境下做微信客户端的模拟，为双线程搭建基础环境。

第3章 微信客户端开发：双线程模型运行的基石
4 节｜55分钟
收起
  • 视频：
    3-1 客户端模拟项目搭建
    04:17
  • 视频：
    3-2 ios设备模拟
    07:01
  • 视频：
    3-3 微信应用模拟
    23:18
  • 视频：
    3-4 小程序容器初始化
    20:20

本章介绍：

本章专注于讲解小程序应用的初始化过程。

第4章 小程序应用初始化
2 节｜27分钟
展开
  • 视频：
    4-1 小程序应用初始化
    21:40
  • 视频：
    4-2 通信桥bridge创建
    04:40

本章介绍：

本章专注讲解如何在小程序容器中搭建逻辑线程，以及小程序容器与逻辑线程的通信机制建设。

第5章 逻辑线程建设：JS代码运行环境
2 节｜30分钟
展开
  • 视频：
    5-1 逻辑线程初始化
    09:42
  • 视频：
    5-2 逻辑线程的通信通道建设
    20:16

本章介绍：

本章讲解如何在小程序容器中搭建渲染线程，小程序容器与webview通信机制建设。

第6章 渲染线程建设：wxml代码运行环境
2 节｜39分钟
展开
  • 视频：
    6-1 渲染线程初始化
    19:31
  • 视频：
    6-2 渲染线程的通信通道建设
    18:34

本章介绍：

本章专注讲解小程序应用资源加载过程，以及如何把这些资源信息保存在内存中。

第7章 应用资源加载
3 节｜37分钟
展开
  • 视频：
    7-1 小程序资源加载
    19:48
  • 视频：
    7-2 逻辑线程注册信息的存储
    10:18
  • 视频：
    7-3 渲染线程注册信息存储
    06:52

本章介绍：

本章专注讲解app实例的创建与生命周期函数的调用, 例如：onLaunch、onShow、onHide。

第8章 app实例的创建于生命周期函数调用
2 节｜30分钟
展开
  • 视频：
    8-1 创建app实例
    08:59
  • 视频：
    8-2 app生命周期调用
    20:16

本章介绍：

本章专注讲解页面的首次渲染过程。

第9章 页面首次渲染过程
4 节｜36分钟
展开
  • 视频：
    9-1 构建initialData
    11:36
  • 视频：
    9-2 initialData分发
    05:24
  • 视频：
    9-3 wxml转render函数
    07:02
  • 视频：
    9-4 页面首次渲染 firstRender
    11:24

本章介绍：

本章专注讲解page实例的创建与生命周期函数的调用，例如：onLoad、onShow、onReady等。

第10章 page实例的创建于生命周期函数调用
2 节｜33分钟
展开
  • 视频：
    10-1 创建page实例
    13:45
  • 视频：
    10-2 page生命周期调用
    18:20

本章介绍：

本章讲解如何代理渲染线程的事件，调用逻辑线程的方法, 触发逻辑线程的函数。以及如何实现setData逻辑，触发渲染线程视图更新。

第11章 事件机制与视图更新setData的实现
2 节｜24分钟
展开
  • 视频：
    11-1 事件机制的实现
    15:50
  • 视频：
    11-2 视图更新setData的实现
    07:33

本章介绍：

本章讲解小程序业务层源码编译命令行工具编写。

第12章 构建编译命令行工具：编译出微信开放平台提审产物
7 节｜111分钟
展开
  • 视频：
    12-1 命令行设计
    05:51
  • 视频：
    12-2 配置文件编译
    17:10
  • 视频：
    12-3 wxml的编译-1
    15:17
  • 视频：
    12-4 wxml的编译-2
    14:33
  • 视频：
    12-5 js的编译
    30:31
  • 视频：
    12-6 wxss的编译
    12:03
  • 视频：
    12-7 编译产物消费
    15:30

本章介绍：

本章讲解如何实现小程序路由管理，多个webview如何切换，调度。

第13章 小程序路由管理：多个webview的调度与生命周期实现
2 节｜23分钟
展开
  • 视频：
    13-1 页面跳转navigationTo
    14:48
  • 视频：
    13-2 页面返回navigationBack
    07:37

本章介绍：

本章编写抖音小程序时需要的一些内置组件，image、swiper、swiper-item、video组件实现。

第14章 内置组件开发：更丰富的内置组件，为编写抖音小程序做准备
11 节｜97分钟
展开
  • 视频：
    14-1 条件渲染模板语法的实现
    06:59
  • 视频：
    14-2 列表渲染模板语法的实现
    06:46
  • 视频：
    14-3 内联样式的实现
    10:21
  • 视频：
    14-4 异步回调函数的实现
    11:15
  • 视频：
    14-5 打开小程序navigateToMiniProgram
    06:35
  • 视频：
    14-6 封装text内置组件
    06:44
  • 视频：
    14-7 封装image内置组件
    03:17
  • 视频：
    14-8 wx.showToast的实现
    10:56
  • 视频：
    14-9 封装swiper内置组件
    10:22
  • 视频：
    14-10 事件参数的实现
    06:43
  • 视频：
    14-11 封装video内置组件
    16:55

本章介绍：

本章讲解基于我们自己搭建的小程序架构，如何构建一个小程序应用，并且此小程序业务代码也可以在微信平台完美运行。

第15章 抖音小程序实现：运行在我们自己搭建小程序框架之上
3 节｜42分钟
展开
  • 视频：
    15-1 开发抖音小程序1
    19:27
  • 视频：
    15-2 开发抖音小程序2
    18:05
  • 视频：
    15-3 课程总结
    04:00

本章介绍：

本章节对框架细节进行了优化~~

第16章 框架细节优化
3 节｜31分钟
展开
  • 视频：
    16-1 事件传参的语法优化
    19:04
  • 视频：
    16-2 setData性能优化
    04:16
  • 视频：
    16-3 wxml编译优化
    07:35
本课程已完结
适合人群
前端开发工程师
小程序框架开发者
技术储备
熟悉 HTML CSS JS（必须）
了解 Vue（必须）
了解 node.js（必须）
小默老师
资深前端工程师， 已有134个学生
不为别的，只为提升面试通过率
尽管课程时间很长，
但没关系，我们有老师的陪伴，
还有同学之间互相鼓励，彼此帮助，
完成学习后，还能获得慕课网官方认证的证书。
立即购买
查看更多
数据加载中...
查看更多好课
《深入学习小程序框架底层原理，培养双线程思维》的真实评价
综合评分：分，共 人参与
篇幅原因，只展示最近100条评价
￥299.00
立即购买
加购物车

学习咨询

选课、学习遇到问题？

扫码添加指导老师 1V1 帮助你！

添加后老师会第一时间解决你的问题

意见反馈 帮助中心 APP下载
官方微信