微信小程序开发和 Rails 开发相似之处

微信小程序通过 Data 构建页面

首先看下 Page 生命周期图, 这张图来自于微信小程序的官方文档。

7743228cd361658ec44c7edff5924765.png (44.21 KB, 下载次数: 54)

下载附件

2017-12-29 06:05 上传

截取 onReady 到 onHide 之间的图:

42cb530ffbf5dff6a2c693e55dfbdae2.png (12.9 KB, 下载次数: 63)

下载附件

2017-12-29 06:05 上传

从截图中我们可以看到在微信小程序的生命周期中，它大部分时间干的事情是 AppSerivce Thread 向 View Thread 发送数据, 然后 View Thread 接收数据,进行渲染, 最后生成页面。 这个和我们经常在浏览器端使用的面向 DOM 的编程有很大的区别，在 DOM 编程中我们使用 jquery 之类的库或者 api 直接操作 DOM 元素来构建页面, 比如: $('.a').addClass('foo')。在微信小程序中没有 DOM 这一概念, 我们没有办法通过操作 DOM 元素来构建微信小程序的页面。

微信小程序和 Rails 程序的相似之处

Rails 程序

307e7b8fa9f1949f35870d086580046b.png (33.58 KB, 下载次数: 56)

下载附件

2017-12-29 06:05 上传

在 Rails 程序中，客户端的请求 (request) 会到达对应的 Controller 实例，然后由这个 Controller 实例中的对应的action 来处理请求, 处理后的数据会通过 render 方法响应给客户端。

微信小程序

1b72a333b2d2f176dee83b5681e1ff59.png (33.58 KB, 下载次数: 42)

下载附件

view-appservice.png

2017-12-29 06:05 上传

在微信小程序中，View 对象发送事件 (event) 到对应的 Page 对象中，然后由这个 Page 对象中的对应的event_handler 来处理事件, 处理后的数据会通过 setData 方法响应给 View对象。