微信小程序頁面開發(fā)注意事項整理
小程序的開發(fā)注意事項：
1、js文件
每個頁面對應的js文件可以定義頁面onReady，onLoad，onShow，onHide，onUnload，還有頁面的數(shù)據(jù)，自定義的函數(shù)要寫到一塊，內(nèi)部約定是都寫到默認函數(shù)的后面。既“頁面中先data，再默認函數(shù)，再自定義函數(shù)”方便review code，提高協(xié)作效率。
2、json文件
默認不能為空，即使沒有內(nèi)容也要為空數(shù)據(jù){}，原先定義在app.json中的內(nèi)容，如果需要在當前頁面中重新定義，那么只要把內(nèi)容復制過來，直接賦新值即可，用于設置小程序的狀態(tài)欄、導航條、標題、窗口背景色。常用的是頁面的標題
{
"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，當然業(yè)務內(nèi)容就body，每一塊就用一個view包裝起來，方便控制布局和class
頁面加載的時候獲取數(shù)據(jù)，從網(wǎng)絡或從緩存中，數(shù)據(jù)再通過頁面的data中定義的內(nèi)容在頁面渲染。具體的呈現(xiàn)列表、條件這些多多的使用。
4、wxss文件
@import "common.wxss";
公共樣式、reset樣式要根據(jù)不同項目提前管理好，不要使用px，不要使用px，不要使用px，重要的事情要說三遍，小程序為了保證兼容和自適應使用了新的單位rpx
5、要提供一個供用戶清理本地緩存的按鈕。相當于項目的reset開關，緩存數(shù)據(jù)、文件數(shù)據(jù)、授權數(shù)據(jù)這些可能要不同項目中用到。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
這篇文章主要介紹了微信小程序 modal組件詳細介紹的相關資料,需要的朋友可以參考下2016-09-09
微信小程序 彈框和模態(tài)框?qū)崿F(xiàn)代碼
這篇文章主要介紹了微信小程序 彈框和模態(tài)框?qū)崿F(xiàn)代碼的相關資料,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了微信小程序中setInterval的使用方法的相關資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
ResizeObserver 監(jiān)視 DOM大小變化示例詳解
這篇文章主要為大家介紹了ResizeObserver 監(jiān)視 DOM大小變化示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要介紹了微信小程序滾動Tab實現(xiàn)左右可滑動切換的相關資料,這里提供實現(xiàn)實例幫助大家實現(xiàn)這樣的功能，需要的朋友可以參考下2017-08-08
這篇文章主要為大家介紹了js的一些潛在規(guī)則示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要介紹了如何發(fā)布TypeScript編寫的npm包實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
這篇文章主要介紹了微信小程序 省市區(qū)選擇器實例詳解的相關資料,區(qū)域間手勢滑動切換，標題欄高亮隨之切換，反之亦然；當前選中標題紅色高亮；回到前一級點擊某區(qū)域后，清空子代的區(qū)域，需要的朋友可以參考下2017-01-01
autojs長寬不定的圖片在正方形圖片居中實現(xiàn)詳解
這篇文章主要為大家介紹了autojs長寬不定的圖片在正方形圖片居中實現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要介紹了微信小程序 Page（）函數(shù)詳解的相關資料,在開發(fā)過程中肯定會遇到Page（）函數(shù)，希望能幫助到大家，需要的朋友可以參考下2016-10-10