从零搭建小程序框架架构

从2017年小程序诞生开始，小程序开发已经经过了8个年头；目前各家厂商也逐渐推出自家的小程序开发，这种开发场景已经成为了前端开发们避不开的一种场景。 目前市面上有很多针对小程序开发的原理介绍，但文字描

技术选型 本小册是采用纯前端的技术栈模拟实现小程序架构的系列文章，所以主要以前端技术栈为主，但是为了模拟一个App应用的效果，以及小程序包下载管理流程的实现，我们还是需要搭建一个基础的App应用。

从这一小节开始我们将基于上篇文章中搭建的开发环境，尝试实现 点击小程序 -> 拉起一个基础的小程序容器 的过程；

从本小节开始，我们将实现小程序架构的核心逻辑: 双线程架构，开始之前我们先简单介绍下双线程架构以及选择双线程架构的原因; 小程序在渲染过程中，将逻辑代码的执行和页面逻辑的渲染分割开，各自独立运行。

这节开始我们将分别针对双线程的具体逻辑进行实现，本节我们先从逻辑线程入手，看看小程序JS代码是如何在 Worker 线程内运行的

这节我们将针对小程序UI渲染线程进行实现，对比上节逻辑线程的代码实现，对比构建出小程序页面渲染的基础环境准备

经过前面两节的开发，我们已经完成了小程序逻辑线程和 UI 线程的启动引擎准备，这节开始，我们将完善 native bridge 层的搭建，构建起逻辑线程和UI线程之间的桥梁。

本节开始，我们将针对用户编写的小程序代码，通过编译器构建成小程序引擎执行的代码格式。我们将核心关注编译器如何对小程序的 WXML,WXSS,以及JS文件进行编译转化。

经过前面小节的学习，我们已经搭建起了小程序的编译构建环境，能够将我们开发的小程序项目打包，这节开始我们将针对小程序的组件代码进行封装实现。

经过前面章节的学习，我们已经完成了小程序的编译以及组件包的构建工作，这节我们将在前面的基础上，将编译后的产物，结合组件库完整渲染出小程序页面。