长治丶晨电子有限公司

在小程序開發(fā)過程中前端頁面的設計開發(fā)非常重要，前端頁面開發(fā)的水平直接決定了用戶對小程序的第一印象，下面安古信息就給大家介紹一下，在小程序頁面開發(fā)過程中需要注意的要點有哪些。安古信息致力于高端網(wǎng)站建設、小程序開發(fā)、APP開發(fā)、微信商城、分銷系統(tǒng)、多店系統(tǒng)、系統(tǒng)平臺開發(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文件封裝好，分別導入到頁面當中。

<import src="/pages/common/head.wxml"/>

<import src="/pages/common/foot.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ù)可以在不同的項目中使用。

如有此類需求可聯(lián)系安古信息客服

掃一掃在手機打開當前頁