微信小程序(Mini Program)的进阶之路

对于前端开发而言，微信小程序因为其简单快速、开发成本低、用户流量巨大等特点，也就成了前端开发工程师必会的一个技能。

开发模式的目录文件说明

1. app.json 后缀的 JSON 配置文件整个项目的配置文件，比如注册页面，配置tab页，设置整个项目的样式，页面标题等等；

app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

2. .wxml 后缀的 WXML 模板文件对应.html文件

WXML 充当的就是类似 HTML 的角色，与HTML 非常相似，有标签、属性等等构成。但是也有很多不一样的地方，标签名字有点不一样 往往写 HTML 的时候，经常会用到的标签是 div, p, span，开发者在写一个页面的时候可以根据这些基础的标签组合出不一样的组件，微信小程序把这些常用的组件包装起来，提高了开发的效率，小程序的 WXML 用的标签是 view, button, text 等等，这些标签就是小程序给开发者包装好的基本能力，提供了地图、视频、音频等等组件能力。

3. .wxss 后缀的 WXSS 样式文件对应.css文件

WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。新增了尺寸单位。在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。

4. .js 后缀的 JS 脚本逻辑文件对应.js文件

和原生的js一样，没有dom和window。