前段时间刚接手一个小程序项目。之前以为自己自学了一段时间的小程序，终于有了一个练手的项目。可惜没想到加了两个周末班，结果是飞机选秀。好在有一些收获，所以趁思路还清晰，先记录下来。以下纯属个人观点。

项目大概是这样的。通过摄像头取个人身份证，上传信息完成备案。

帐号

首先，开发小程序，我们需要一个开发者账号，这里就不重复具体步骤了。

开发语言

小程序框架本身提供了描述语言WXML、WXSS和JavaScript的逻辑层框架，在视图层和逻辑层提供了数据传输和事件系统。

视图层：主要用于渲染页面，即WXML和WXSS；

逻辑层(App Service):处理页面逻辑、调用接口和数据请求。

我想把重点放在视图层。我们都知道HTML CSS JS是Web编程的组合。在小程序中，WXML对应HTML，WXSS对应CSS。

例如，让我们看看这样一个页面在一个小程序中的性能：

可能有些人不喜欢这样写HTML，或者之前写的页面不能直接用在小程序中。这里推荐使用工具翻译，在写web的时候可以照常写小程序，支持项目的导入导出。编译工具主要翻译源目录中的所有HTML文件，创建一个xxx.build文件夹，将所有编译好的WXML存储在页面文件夹下。当然，app.json的配置文件也会自动创建。根据创建的目录名，同名的CSS文件将被重命名为WXSS文件，并存储在同名的目录中。当CSS与文件名不匹配时，将被合并并存储在全局目录的app.wxss中。同时，源目录中的JS文件将被忽略，页面级JS将被复制到同名目录中。这个JS包含了注册页面页面功能的基本模板。让我们看看图片！

以下是源演示的目录文件结构：

编译后的目录结构会发生变化：

同时，页面上的html也会发生变化：

！-html-div class=' container ' div class=' group tip-success ' I class=' tip-success '/I/div span class=' tip-success-text '面部认证完成/span span class='text-mod '您的面部认证已完成/span span class='text '