你可以觀察到 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

官方網址：http://www.ymznkf.com/index.aspx?tg=5800

軟件下載地址：http://www.ymznkf.com/new_view_559.htm

程序與頁面—微信小程序前端開發工具