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