微信小程序试水

参考书：《从零开始学微信小程序开发》

从零开始学微信小程序开发

1. 软件结构

一般来说，一套软件的应用架构包括数据层、业务逻辑层、服务层、控制层、展示层、用户等多个层次。

应用程序架构

本质上来说，微信小程序只是系统的展示层（前端程序），通常还需要有数据层、业务逻辑层、服务层、控制层等同上所说的后端程序为微信小程序提供支持。
前端程序有“前端的逻辑层“、视图层”等分层结构。

XML文件中存放的是小程序的布局。
CSS文件中存放的是容器组件View中对某个View的属性设置。

HTML与CSS的区别：

https://zhidao.baidu.com/question/340631243.html
（网页现在的新标准是W3C。目前的模式是html+css+javascript，如何理解呢，就是html是网页的结构，CSS是网页的样式，javascript是行为。结构就是盖房子先要把结构建出来，然后用CSS来装饰。其实你在用dreamweaver做网页时就已经用到了CSS，比如你用DW的属性面板来设置一个字的字体、颜色和大小，当你选好后，就会自动生成一个.style1的[红色代码]之间不知道你注意过没有，这就是CSS,这样讲的话你应该能理解html和CSS的区别了吧。CSS的名称就叫“[层叠样式表]”,从字面也就能理解了。）

编写一个小程序页面的基本步骤

1. 结构准备
① 新建相关文件夹和文件，
② app.json中将之添加到page数组中。
2. json文件：设置导航栏参数等页面参数
3. wxml文件：编写UI布局
4. wcss：美化UI

备忘录：

bindtap

微信小程序 视图控件与bindtap之间的问题：http://blog.csdn.net/u014294325/article/details/53405204
wxml里面某控件的bindtap属性的属性值，对应着js里面的同名（单击）响应函数。

组件整理

http://blog.csdn.net/qq510372845/article/details/77980598