这门课解决什么问题
很多前端开发者在写小程序时，能熟练使用框架提供的语法和组件，却说不清视图层与逻辑层为什么强制分拆。一旦遇到复杂交互卡顿、跨端兼容报错，或者需要自研公司内部的小程序基建时，就会因为不懂底层双线程机制而卡壳。这门课正是针对这种“只会用不懂原理”的痛点，把小程序的渲染线程与逻辑线程拆开剖析。它不教基础的页面排版和接口请求，而是带你弄懂消息通信、编译打包和组件注册在底层是如何串联运转的。如果你正面临小程序性能优化瓶颈，或者想往前端架构方向转，这种底层视角的补全非常必要。
适合什么基础与建议先看哪几块
这套资料不适合零基础转行者。阅读前，你需要熟练掌握原生语法，对前端工程化有基本概念，最好有过完整上线的业务经验。建议按双线程的主轴顺序拆解：先看逻辑层与视图层通信的演示，理解数据是怎么跨线程传递的；接着切入编译环节，看模板代码如何被转换；最后研究原生组件模块，弄懂内置能力是如何桥接的。这几个核心板块吃透后，再去看几个电商类页面的仿写示例，重点不是抄界面，而是对照源码分析它们在不同线程里的执行时序。
学完能独立做什么与资料怎么配合练习
学完后，你不再只是照着文档写页面的执行者，而是能够独立排查小程序内存泄漏与渲染阻塞问题，甚至能参与企业内部自研小程序框架的设计，给出合理的双线程通信方案。资料包里的源代码不是用来当现成轮子直接跑业务的，而是配合课程的验证工具。练习时，不要只在编辑器里看代码，要把通信、编译和组件这几个核心模块单独拎出来，在本地断点调试，观察消息的推演过程。自己动手改写通信逻辑，对比改动前后的渲染差异，这样才能把抽象的底层机制变成实打实的工程经验。
深入学习小程序框架底层原理，培养双线程思维，打造前端差异化竞争力，实现弯道超车
课程目录
* 00 资料/
* 源代码/
* 01 UI.zip (0.25 MB)
* 02 douyin.zip (0.06 MB)
* 03 Compile.zip (0.09 MB)
* 04 Components.zip (1.42 MB)
* 05 Logic.zip (0.25 MB)
* 06 Native.zip (6.90 MB)
* 07 mini_meituan.zip (0.01 MB)
* 08 jingdong.zip (0.01 MB)
* 09 TwoThreadFramework.zip (0.01 MB)
* 10 WebWorkerDemo.zip (0.01 MB)
* 11 IFrameDemo.zip (0.01 MB)
* 12 JSCoreDemo.zip (0.03 MB)
* 13 WebviewDemo.zip (0.03 MB)
* 14 WebviewDemo.zip (0.03 MB)
* 01 第1章 课程简介/
* 01 1-1 课程演示 demo 地址.html (0.00 MB)
* 02 1-2 导学.mp4 (87.72 MB), 12:48
* 02 第2章 双线程简易模型：对双线程有一个初步认识/
* 01 2-1 小程序框架技术方案概述.mp4 (34.76 MB), 06:26
* 02 2-2 webview的使用.mp4 (133.20 MB), 23:54
* 03 2-3 jscore的使用.mp4 (64.40 MB), 09:51
* 04 2-4 iframe的使用.mp4 (59.35 MB), 09:43
* 05 2-5 webworker的使用.mp4 (37.75 MB), 06:28
* 06 2-6 简易双线程示例.mp4 (57.87 MB), 08:59
* 03 第3章 微信客户端开发：双线程模型运行的基石/
* 01 3-1 客户端模拟项目搭建.mp4 (22.71 MB), 04:17
* 02 3-2 ios设备模拟.mp4 (45.53 MB), 07:01
* 03 3-3 微信应用模拟.mp4 (135.99 MB), 23:18
* 04 3-4 小程序容器初始化.mp4 (113.78 MB), 20:20
* 04 第4章 小程序应用初始化/
* 01 4-1 小程序应用初始化.mp4 (121.63 MB), 21:40
* 02 4-2 通信桥bridge创建.mp4 (25.71 MB), 04:40
* 05 第5章 逻辑线程建设：JS代码运行环境/
* 01 5-1 逻辑线程初始化.mp4 (52.66 MB), 09:42
* 02 5-2 逻辑线程的通信通道建设.mp4 (119.36 MB), 20:16
* 06 第6章 渲染线程建设：wxml代码运行环境/
* 01 6-1 渲染线程初始化.mp4 (105.43 MB), 19:31
* 02 6-2 渲染线程的通信通道建设.mp4 (102.57 MB), 18:34
* 07 第7章 应用资源加载/
* 01 7-1 小程序资源加载.mp4 (110.13 MB), 19:48
* 02 7-2 逻辑线程注册信息的存储.mp4 (58.91 MB), 10:18
* 03 7-3 渲染线程注册信息存储.mp4 (40.16 MB), 06:52
* 08 第8章 app实例的创建于生命周期函数调用/
* 01 8-1 创建app实例.mp4 (49.22 MB), 08:59
* 02 8-2 app生命周期调用.mp4 (110.49 MB), 20:16
* 09 第9章 页面首次渲染过程/
* 01 9-1 构建initialData.mp4 (65.34 MB), 11:36
* 02 9-2 initialData分发.mp4 (30.18 MB), 05:24
* 03 9-3 wxml转render函数.mp4 (41.40 MB), 07:02
* 04 9-4 页面首次渲染 firstRender.mp4 (65.59 MB), 11:24
* 10 第10章 page实例的创建于生命周期函数调用/
* 01 10-1 创建page实例.mp4 (76.69 MB), 13:45
* 02 10-2 page生命周期调用.mp4 (100.87 MB), 18:20
* 11 第11章 事件机制与视图更新setData的实现/
* 01 11-1 事件机制的实现.mp4 (93.70 MB), 15:50
* 02 11-2 视图更新setData的实现.mp4 (41.77 MB), 07:33
* 12 第12章 构建编译命令行工具：编译出微信开放平台提审产物/
* 01 12-1 命令行设计.mp4 (36.57 MB), 05:51
* 02 12-2 配置文件编译.mp4 (100.18 MB), 17:10
* 03 12-3 wxml的编译-1.mp4 (84.85 MB), 15:17
* 04 12-4 wxml的编译-2.mp4 (80.51 MB), 14:33
* 05 12-5 js的编译.mp4 (169.78 MB), 30:31
* 06 12-6 wxss的编译.mp4 (68.55 MB), 12:03
* 07 12-7 编译产物消费.mp4 (87.18 MB), 15:29
* 13 第13章 小程序路由管理：多个webview的调度与生命周期实现/
* 01 13-1 页面跳转navigationTo.mp4 (85.06 MB), 14:48
* 02 13-2 页面返回navigationBack.mp4 (42.22 MB), 07:37
* 14 第14章 内置组件开发：更丰富的内置组件，为编写抖音小程序做准备/
* 01 14-1 条件渲染模板语法的实现.mp4 (41.16 MB), 06:59
* 02 14-2 列表渲染模板语法的实现.mp4 (38.37 MB), 06:46
* 03 14-3 内联样式的实现.mp4 (58.56 MB), 10:21
* 04 14-4 异步回调函数的实现.mp4 (62.73 MB), 11:15
* 05 14-5 打开小程序navigateToMiniProgram.mp4 (36.62 MB), 06:35
* 06 14-6 封装text内置组件.mp4 (43.71 MB), 06:44
* 07 14-7 封装image内置组件.mp4 (20.85 MB), 03:17
* 08 14-8 wx.showToast的实现.mp4 (60.24 MB), 10:56
* 09 14-9 封装swiper内置组件.mp4 (59.35 MB), 10:22
* 10 14-10 事件参数的实现.mp4 (36.63 MB), 06:43
* 11 14-11 封装video内置组件.mp4 (96.52 MB), 16:55
* 15 第15章 抖音小程序实现：运行在我们自己搭建小程序框架之上/
* 01 15-1 开发抖音小程序1.mp4 (109.73 MB), 19:27
* 02 15-2 开发抖音小程序2.mp4 (100.78 MB), 18:05
* 03 15-3 课程总结.mp4 (19.47 MB), 04:00
* 16 第16章 框架细节优化/
* 01 16-1 事件传参的语法优化.mp4 (104.14 MB), 19:04
* 02 16-2 setData性能优化.mp4 (23.85 MB), 04:16
* 03 16-3 wxml编译优化.mp4 (43.30 MB), 07:35
