微信小程序頁(yè)面開(kāi)發(fā)注意事項(xiàng)整理

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

1、js文件

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

2、json文件

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

見(jiàn)慣了菜單在底部的，來(lái)一個(gè)在top吧。

3、wxml文件

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

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

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

4、wxss文件

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

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

網(wǎng)站題目：微信小程序頁(yè)面開(kāi)發(fā)注意事項(xiàng)整理
文章路徑：http://www.muchs.cn/news5/210855.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有微信小程序等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)