写在前面

这是第一次写微信小程序前端代码的编写，业务需求是一个简易的答题小程序，项目不是很复杂，再加上公司的设计很不错，不用找素材。所有我可以有一个很好的机会练手。（以下均为个人理解，有误望指出）

个人理解小程序的开发过程：

1. 注册并获取APPID

这个步骤，只在第一次的时候必要，一般APPID由客户提供，自己使用的仅供开发用

2. 分页面

在这小程序中，页面分成，

• 个人信息界面
• 匹配界面
• 答题界面
• 结算界面
• 登录界面

pages内建立相应的wxml、js、wxss、json。接下来的文章记录多是每一个页面的内容

3. 写静态页面

小程序自带的开发者工具为我提供了很好的调试平台，真机调试和左侧的模拟器提供了许多方便，小程序页面展示使用的chrome内核兼容性和rpx的定位使得兼容性和分辨率适应工作变的简单

4.根据文档建立测试数据（如果接口已完成则不需要这一步）

5.根据业务需求写js

js语法和之前开发过的WEB页面大致相同，在这个项目中接触到的感觉最大不一样的地方在于

1. 全局变量data：可以在wxml内{{data}}方式直接引用，变化时页面也可以实时的变化，十分方便，{{}}内也支持简单的运算
2. DOM无法使用，表现为无法使用jQuery、js原生的选择方法也无法使用。

但是在本次开发中，我感觉第一点的优势很明显，最多只需要在wxml中加入一些运算（多是三目运算）即可完全忽略掉第二点的劣势。

6.测试上线