你可以观察到 pages/logs/logs 下其实是包括了4种文件的，微信客户端会先根据 logs.json 配置生成一个界面，顶部的颜色和文字你都可以在这个 json 文件里边定义好。紧接着客户端就会装载这个页面的 WXML 结构和 WXSS 样式。最后客户端会装载 logs.js，你可以看到 logs.js 的大体内容就是:
Page({
data: { // 参与页面渲染的数据
logs: []
},
onLoad: function () {
// 页面渲染后 执行
}
})
Page 是一个页面构造器，这个构造器就生成了一个页面。在生成页面的时候，小程序框架会把 data 数据和 index.wxml 一起渲染出最终的结构，于是就得到了你看到的小程序的样子。
在渲染完界面之后，页面实例就会收到一个 onLoad 的回调，你可以在这个回调处理你的逻辑。
有关于 Page 构造器更多详细的文档参考 注册页面 Page 。
微信小程序开发神器《微信小程序自动切片生成布局软件》，可以快速自动生成小程序前端布局和代码，还有免费的教程和技术支持。
功能如下：
1、切片功能：原来手写的这部分工作，可以用切片软件的方法来切。切好后，可以自动生成wxml,wcss,js文件。
2、文字识别功能：效果图上的文字可以通过自动文字识别识别出来，提高录入的速度，减轻工作量。
3、存档功能：设计好的切片文件可以存档，以便下次需要的时候拿来重新编辑。只要有切片文件在，换了程序也可以秀给和编辑。
有任何疑问欢迎随时联系我们！
Q Q : 348961183
官方网址：?tg=5800
软件下载地址：