在小程序開發(fā)過程中前端頁面的設(shè)計開發(fā)非常重要，前端頁面開發(fā)的水平直接決定了用戶對小程序的第一印象，下面小編就給大家介紹一下，在小程序頁面開發(fā)過程中需要注意的要點有哪些。
在小程序頁面開發(fā)過程中需要注意的要點有哪些? 我們發(fā)現(xiàn)，在進(jìn)行小程序頁面開發(fā)時，需要注意的要點主要有以下這五個：
1.將自定義函數(shù)寫在js文件最后 對應(yīng)于小程序每個頁面的js文件可以定義頁面的onReady，onLoad，onShow，onHide，onUnload和頁面數(shù)據(jù)，自定義函數(shù)應(yīng)該寫在一起，一般來說自定義函數(shù)都會在默認(rèn)函數(shù)之后寫入。即按照先寫頁面data，再寫默認(rèn)函數(shù)，最后寫自定義函數(shù)的順序進(jìn)行小程序頁面js代碼編寫，這樣做有助于開發(fā)人員審查代碼，提高協(xié)作效率。
2.json文件即使沒有內(nèi)容也不要為空 默認(rèn)情況下，json文件不能為空。 即使沒有內(nèi)容，也應(yīng)該是空數(shù)據(jù){}。 最初在app.json中定義的內(nèi)容，如果需要在當(dāng)前頁面中重新定義它，只需復(fù)制內(nèi)容并分配新值即可，用于設(shè)置小程序的狀態(tài)欄，導(dǎo)航欄，標(biāo)題和窗口背景顏色，最常用功能是設(shè)置頁面標(biāo)題。
3.封裝好wxml文件 開發(fā)人員需要將頁面頭部和底部的wxml文件封裝好，分別導(dǎo)入到頁面當(dāng)中。 在之前開發(fā)HTML的好習(xí)慣也需要引入head和foot代碼。 當(dāng)然，業(yè)務(wù)內(nèi)容用body即可。 每一塊的內(nèi)容都有用view封裝起來，方便控制布局和class。 加載頁面時，將從網(wǎng)絡(luò)或緩存中獲取數(shù)據(jù)，并通過頁面中data所定義的內(nèi)容在頁面上進(jìn)行渲染。
4.wxss代碼中不要使用px 公共樣式，reset樣式應(yīng)該根據(jù)不同的項目提前進(jìn)行管理，在wxss代碼當(dāng)中千萬不要使用px，重要的事情要說三次，為了保證兼容性和自適應(yīng)能力，小程序使用了新的單位rpx。
5.要為用戶提供一個清理本地緩存的按鈕 開發(fā)人員要在小程序的頁面當(dāng)中為用戶提供一個清理本地緩存的按鈕，相當(dāng)于項目的reset開關(guān)，因為緩存數(shù)據(jù)，文件數(shù)據(jù)和授權(quán)數(shù)據(jù)可以在不同的項目中使用。
