小程序的開發(fā)注意事項(xiàng)：

1、js文件

每個頁面對應(yīng)的js文件可以定義頁面onReady，onLoad，onShow，onHide，onUnload，還有頁面的數(shù)據(jù)，自定義的函數(shù)要寫到一塊，內(nèi)部約定是都寫到默認(rèn)函數(shù)的后面。既“頁面中先data，再默認(rèn)函數(shù)，再自定義函數(shù)”方便review code，提高協(xié)作效率。

2、json文件

默認(rèn)不能為空，即使沒有內(nèi)容也要為空數(shù)據(jù){}，原先定義在app.json中的內(nèi)容，如果需要在當(dāng)前頁面中重新定義，那么只要把內(nèi)容復(fù)制過來，直接賦新值即可，用于設(shè)置小程序的狀態(tài)欄、導(dǎo)航條、標(biāo)題、窗口背景色。常用的是頁面的標(biāo)題

{
 "navigationBarTitleText": "我的",
 "selfdata":"全棧工程師師不靠譜更新",
 "tabBar": {
  "list": [{
  "pagePath": "pagePath",
  "text": "text",
  "iconPath": "iconPath",
  "selectedIconPath": "selectedIconPath"
  }],
  "position":"top"
 }
}

見慣了菜單在底部的，來一個在top吧。

3、wxml文件

頁面頭部和底部需要封裝好，做成模版，分別導(dǎo)入入頁面

<import src="/pages/common/head.wxml"/>
<import src="/pages/common/foot.wxml"/>

之前HTML編寫的好習(xí)慣還是要帶入進(jìn)來有head還有foot，當(dāng)然業(yè)務(wù)內(nèi)容就body，每一塊就用一個view包裝起來，方便控制布局和class

頁面加載的時候獲取數(shù)據(jù)，從網(wǎng)絡(luò)或從緩存中，數(shù)據(jù)再通過頁面的data中定義的內(nèi)容在頁面渲染。具體的呈現(xiàn)列表、條件這些多多的使用。

4、wxss文件

@import "common.wxss";

公共樣式、reset樣式要根據(jù)不同項(xiàng)目提前管理好，不要使用px，不要使用px，不要使用px，重要的事情要說三遍，小程序?yàn)榱吮ＷC兼容和自適應(yīng)使用了新的單位rpx

5、要提供一個供用戶清理本地緩存的按鈕。相當(dāng)于項(xiàng)目的reset開關(guān)，緩存數(shù)據(jù)、文件數(shù)據(jù)、授權(quán)數(shù)據(jù)這些可能要不同項(xiàng)目中用到。

【相關(guān)推薦】

1. 微信小程序完整源碼下載

2. 追格微信小程序應(yīng)用商店源碼

3. 微信小程序demo：陽淘

以上就是分享小程序頁面開發(fā)應(yīng)該注意的問題的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！