537
魔獸
微信小程序開發教程基礎篇6-logs頁麵解析
上一篇教程中對index頁麵進行了解析，這一篇來解析下logs頁麵
老規矩先上圖
該頁麵包含返回按鈕(用於返回index頁麵)，頁麵title和程序啟動日誌列表。 和index頁麵相比，logs頁麵多了一個logs.json文件，來配置頁麵title的內容
{ "navigationBarTitleText": "查看啟動日誌"}
更多配置項可以參考配置 小程序
//logs.jsvar util = require('../../utils/util.js') Page({ data: { logs: [] }, onLoad: function () { this.setData({ logs: (wx.getStorageSync('logs') || []).map(function (log) { return util.formatTime(new Date(log)) }) }) } })
logs.js定義了logs數組，並在onLoad方法中從本地緩存中獲取程序啟動時間數據，之後調用數組的map方法來將時間格式化為字符串
.log-list { display: flex; flex-direction: column; padding: 40rpx; }.log-item { margin: 10rpx; }
到此為止，默認生成程序的解析部分就結束了。這個解析過程是為了對微信小程序有個總體上的理解，所以很多地方並沒有深入。在後麵的教程中，我會繼續講解微信小程序開發的各個方麵。
hello, 我是瘋狂早茶，懂點設計，懂點產品，碼農一枚，歡迎互聯網技術，產品從業者，愛好者關注交流。我的微信公眾號crazytea1,歡迎關注
最後更新：2017-10-08 07:50:20