微信小程序頁面開發(fā)注意事項整理

2022-11-05    分類: 微信小程序

網(wǎng)站建設- 建站教程 - 微信小程序 - 微信小程序頁面開發(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)欄、導航條、標題、窗口背景色。常用的是頁面的標題

見慣了菜單在底部的,來一個在top吧。

3、wxml文件

頁面頭部和底部需要封裝好,做成模版,分別導入入頁面

之前HTML編寫的好習慣還是要帶入進來有head還有foot,當然業(yè)務內(nèi)容就body,每一塊就用一個view包裝起來,方便控制布局和class

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

4、wxss文件

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

5、要提供一個供用戶清理本地緩存的按鈕。相當于項目的reset開關,緩存數(shù)據(jù)、文件數(shù)據(jù)、授權數(shù)據(jù)這些可能要不同項目中用到。

網(wǎng)頁標題:微信小程序頁面開發(fā)注意事項整理
當前路徑:http://www.muchs.cn/news/210855.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有微信小程序

廣告

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

營銷型網(wǎng)站建設