干货分享| 理清小程序WXSS编译思路

近年来，小程序蓬勃发展，从微信到支付宝、抖音等各大平台，小程序纷纷上线。小程序发展如此快速，究其原因离不开它的几大特点：获客成本低、用户访问成本低、轻量触达、用户体验佳、用户负担小、更加安全。

小程序背靠微信、支付宝等流量平台的红利，可以快速低成本获得用户。但对于中小型企业，仍有待解决的难点。对于开发者来说，WXML、WXSS、架构、规则、文档可能都是陌生事物。

今天就聚焦于小程序的编译原理，为大家做一次技术分享。

小程序编译

微信开发者工具和微信客户端都无法直接运行小程序的源码，因此我们需要对小程序的源码进行编译。更通俗的讲可以理解为：小程序编译更像是一个翻译器，把小程序源码翻译为微信客户端和开发工具可以读懂的语言，以便能够明白小程序想要表达和实现的效果。

代码编译过程包括本地预处理、本地编译和服务器编译。为了快速预览，微信开发者工具模拟器运行的代码只经过本地预处理、本地编译，没有服务器编译过程，而微信客户端运行的代码是额外经过服务器编译的。

什么是 WXSS ？

小程序是基于 Web 规范，采用 HTML 、CSS 和 JS 等搭建的一套框架，微信官方给它们取了一个很厉害的名字：WXML、WXSS，但本质上还是在整个 Web 体系之下构建的。

所以在正式了解小程序编译的原理前，非常有必要搞清楚什么是 WXML 、WXSS 。

WXML：WeiXin Markup Language ，是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。

WXSS ÿ