|
導(dǎo)讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一項(xiàng)門檻非常高的創(chuàng)新,經(jīng)過將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。 這篇文章主要介紹了微信小程序頁面開發(fā)注意事項(xiàng)整理的相關(guān)資料,需要的朋友可以參考下小程序的開發(fā)注意事項(xiàng): 1、js文件 每個頁面對應(yīng)的js文件可以定義頁面onReady,onLoad,onShow,onHide,onUnload,還有頁面的數(shù)據(jù),自定義的函數(shù)要寫到一塊,內(nèi)部約定是都寫到默認(rèn)函數(shù)的后面。既“頁面中先data,再默認(rèn)函數(shù),再自定義函數(shù)”方便review code,提高協(xié)作效率。 2、json文件 默認(rèn)不能為空,即使沒有內(nèi)容也要為空數(shù)據(jù){},原先定義在app.json中的內(nèi)容,如果需要在當(dāng)前頁面中重新定義,那么只要把內(nèi)容復(fù)制過來,直接賦新值即可,用于設(shè)置小程序的狀態(tài)欄、導(dǎo)航條、標(biāo)題、窗口背景色。常用的是頁面的標(biāo)題 {
"navigationBarTitleText": "我的",
"selfdata":"全棧工程師師不靠譜更新",
"tabBar": {
"list": [{
"pagePath": "pagePath",
"text": "text",
"iconPath": "iconPath",
"selectedIconPath": "selectedIconPath"
}],
"position":"top"
}
}見慣了菜單在底部的,來一個在top吧。 3、wxml文件 頁面頭部和底部需要封裝好,做成模版,分別導(dǎo)入入頁面 <import src="/pages/common/head.wxml"/> <import src="/pages/common/foot.wxml"/> 之前HTML編寫的好習(xí)慣還是要帶入進(jìn)來有head還有foot,當(dāng)然業(yè)務(wù)內(nèi)容就body,每一塊就用一個view包裝起來,方便控制布局和class 頁面加載的時候獲取數(shù)據(jù),從網(wǎng)絡(luò)或從緩存中,數(shù)據(jù)再通過頁面的data中定義的內(nèi)容在頁面渲染。具體的呈現(xiàn)列表、條件這些多多的使用。 4、wxss文件 @import "common.wxss"; 公共樣式、reset樣式要根據(jù)不同項(xiàng)目提前管理好,不要使用px,不要使用px,不要使用px,重要的事情要說三遍,小程序?yàn)榱吮WC兼容和自適應(yīng)使用了新的單位rpx 5、要提供一個供用戶清理本地緩存的按鈕。相當(dāng)于項(xiàng)目的reset開關(guān),緩存數(shù)據(jù)、文件數(shù)據(jù)、授權(quán)數(shù)據(jù)這些可能要不同項(xiàng)目中用到。 【相關(guān)推薦】 1. 微信小程序完整源碼下載 3. 微信小程序demo:陽淘 以上就是分享小程序頁面開發(fā)應(yīng)該注意的問題的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應(yīng)用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!