溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹微信小程序中頁面開發注意事項有哪些，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
小程序的開發注意事項：
1、js文件
每個頁面對應的js文件可以定義頁面onReady，onLoad，onShow，onHide，onUnload，還有頁面的數據，自定義的函數要寫到一塊，內部約定是都寫到默認函數的后面。既“頁面中先data，再默認函數，再自定義函數”方便review code，提高協作效率。
2、json文件
默認不能為空，即使沒有內容也要為空數據{}，原先定義在app.json中的內容，如果需要在當前頁面中重新定義，那么只要把內容復制過來，直接賦新值即可，用于設置小程序的狀態欄、導航條、標題、窗口背景色。常用的是頁面的標題
{
"navigationBarTitleText": "我的",
"selfdata":"全棧工程師師不靠譜更新",
"tabBar": {
"list": [{
"pagePath": "pagePath",
"text": "text",
"iconPath": "iconPath",
"selectedIconPath": "selectedIconPath"
}],
"position":"top"
}
}見慣了菜單在底部的，來一個在top吧。
3、wxml文件
頁面頭部和底部需要封裝好，做成模版，分別導入入頁面
<import src="/pages/common/head.wxml"/> <import src="/pages/common/foot.wxml"/>
之前HTML編寫的好習慣還是要帶入進來有head還有foot，當然業務內容就body，每一塊就用一個view包裝起來，方便控制布局和class
頁面加載的時候獲取數據，從網絡或從緩存中，數據再通過頁面的data中定義的內容在頁面渲染。具體的呈現列表、條件這些多多的使用。
4、wxss文件
@import "common.wxss";
公共樣式、reset樣式要根據不同項目提前管理好，不要使用px，不要使用px，不要使用px，重要的事情要說三遍，小程序為了保證兼容和自適應使用了新的單位rpx
5、要提供一個供用戶清理本地緩存的按鈕。相當于項目的reset開關，緩存數據、文件數據、授權數據這些可能要不同項目中用到。
以上是“微信小程序中頁面開發注意事項有哪些”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
