宜聘科技
新聞動態
關注漢信最新咨訊,了解智能化發展成果
立即查看
微 信 咨 詢
咨 詢 熱 線

微信小程序開發知識:開發小程序頁面注意事項

2022-07-20
網絡

微信小程序在制作頁面的階段是十分重要的,畢竟是直接展現給用戶看的,所以前端在頁面開發上要注意的細節很多,只有做到了才能避免小程序頁面帶來不好的印象。

這里宜聘科技就為大家簡單的介紹一下。

1.將自定義函數寫在js文件最后

對應于小程序每個頁面的js文件可以定義頁面的onReady,onLoad,onShow,onHide,onUnload和頁面數據,自定義函數應該寫在一起,一般來說自定義函數都會在默認函數之后寫入。

即按照先寫頁面data,再寫默認函數,最后寫自定義函數的順序進行小程序頁面js代碼編寫,這樣做有助于開發人員審查代碼,提高協作效率。

2.json文件即使沒有內容也不要為空

默認情況下,json文件不能為空。 即使沒有內容,也應該是空數據{}。 最初在app.json中定義的內容,如果需要在當前頁面中重新定義它,只需復制內容并分配新值即可,用于設置小程序的狀態欄,導航欄,標題和窗口背景顏色,最常用功能是設置頁面標題。

3.封裝好wxml文件

開發人員需要將頁面頭部和底部的wxml文件封裝好,分別導入到頁面當中。

在之前開發HTML的好習慣也需要引入head和foot代碼。 當然,業務內容用body即可。 每一塊的內容都有用view封裝起來,方便控制布局和class。

加載頁面時,將從網絡或緩存中獲取數據,并通過頁面中data所定義的內容在頁面上進行渲染。

4.wxss代碼中不要使用px

公共樣式,reset樣式應該根據不同的項目提前進行管理,在wxss代碼當中千萬不要使用px,重要的事情要說三次,為了保證兼容性和自適應能力,小程序使用了新的單位rpx。

5.要為用戶提供一個清理本地緩存的按鈕

開發人員要在小程序的頁面當中為用戶提供一個清理本地緩存的按鈕,相當于項目的reset開關,因為緩存數據,文件數據和授權數據可以在不同的項目中使用。

以上便是關于開發小程序頁面注意事項的相關介紹,想要開發制作微信小程序、網站建設、軟件APP開發和系統定制等,或者了解更多微信小程序相關新聞資訊知識,都可以咨詢安徽宜聘科技。

相關推薦

科大訊飛
漢信軟件
  • 電子健康證管理系統
  • 智慧校園管理系統
  • 智慧園區
  • 招聘管理系統
  • OA管理系統
關于我們
幫助中心
小程序開發客服
小程序咨詢顧問
咨詢客服
咨詢顧問
咨詢熱線:
19315367062
皖公網安備 34010402703624號
霸气欧美头像高清图片