微信小程序中有哪些知識點(diǎn)-創(chuàng)新互聯(lián)

這篇文章主要介紹微信小程序中有哪些知識點(diǎn)，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),上栗企業(yè)網(wǎng)站建設(shè),上栗品牌網(wǎng)站建設(shè),網(wǎng)站定制,上栗網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,上栗網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

subPackages 分包加載

因?yàn)樾〕绦蛑靼笮〔怀^2M 限制，所以使用分包是個不錯的選擇，總分包大小不超過8M，可以添加多個分包，分包加載可以優(yōu)化小程序首次啟動的下載時間，當(dāng)進(jìn)入分包頁面再進(jìn)行下載，這種按需加載可以把某些數(shù)據(jù)量大的抽離出來放入分包（如圖表）

rpx 單位、

在做移動端最常用適配的方法就是使用 rem 或 vw 作為單位來進(jìn)行適配，所以微信小程序提供了 rpx 單位來進(jìn)行適配

授權(quán)彈窗

wx.getUserInfo 接口調(diào)整，以前可以直接主動調(diào)用顯示授權(quán)彈窗  ，現(xiàn)在需要使用 <button open-type="getUserInfo"></button> 點(diǎn)擊來引導(dǎo)用戶去授權(quán)，小程序 wx.getUserInfo 接口正式版已調(diào)整，體驗(yàn)版和開發(fā)版還可以使用原有方式。

原生組件 z-index

原生組件的層級是高的，所以頁面中的其他組件無論設(shè)置 z-index 為多少，都無法蓋在原生組件上，可以通過 cover-view 來解決，但某些特定環(huán)境如 swiper 或彈窗中需要顯隱原生組件，需要配合 hidden 來使用

偽元素

小程序的偽元素屬性無法在微信開發(fā)者工具 css 屬性中看到，所以對于某些組件樣式無法覆蓋時（如 button 的邊框或某些線條設(shè)置），是因?yàn)橥ㄟ^偽元素 ::after 設(shè)置的，所以必須使用偽元素來覆蓋

頁面棧

一個應(yīng)用同時只能打開5個頁面棧，當(dāng)已經(jīng)打開了5個頁面之后（現(xiàn)在限制是10層），后續(xù)可能出現(xiàn)不能正常打開新頁面。wx.navigateTo 跳轉(zhuǎn)會保留當(dāng)前頁面，wx.redirectTo 則不會，所以請避免多層級的交互方式來合理使用跳轉(zhuǎn)方式

組件化

emplate 模塊與 component 組件，是小程序中組件化的方式，二者的區(qū)別是，template 模塊主要是展示，方法需要在使用 template 的頁面中定義。而 component 組件，則擁有自己的js 文件，整個 component 組件類似一個 page 頁面。簡單來說，只是展示用，建議使用 template，組件中涉及到較多的邏輯，建議使用 component

調(diào)式

一、開發(fā)者工具 source 斷點(diǎn)調(diào)式、console.log 打印數(shù)據(jù)和 AppData 查看數(shù)據(jù)

二、小程序注意當(dāng)前調(diào)式基礎(chǔ)庫版來調(diào)式一些兼容性以及 bug 問題

三、小程序先在開發(fā)版或體驗(yàn)版右上角打開調(diào)試顯示 vConsole，再切到正式版就能看到 vConsole 模式

數(shù)據(jù)傳遞

一、使用數(shù)據(jù)緩存，wx.setStorage 和 wx.getStorage，存儲數(shù)據(jù)只能是字符串格式，所以一般設(shè)置時需要使用 JSON.stringfy 來把對象轉(zhuǎn)字符串，獲取時使用 JSON.parse 來還原成對象

二、wx.navigateTo 跳轉(zhuǎn)傳遞參數(shù)，在跳轉(zhuǎn) url 后拼接字符串，在 onLoad() 函數(shù)內(nèi)，通過 options.參數(shù)名 的方式獲取傳遞的參數(shù)，注意如果有特殊字符（如?#等）,可以使用encodeURIComponent 和 decodeURIComponent 編碼和解碼，否則會被截斷，導(dǎo)致特殊字符后面的數(shù)據(jù)無法傳遞

三、getCurrentPages() 函數(shù)用于獲取當(dāng)前頁面棧的實(shí)例，可以獲取頁面?；蛐薷捻撁鏃?shù)據(jù)

四、getApp() 可以獲取全局對象和方法

導(dǎo)航欄膠囊對齊適配

導(dǎo)航欄一般使用自定義，比較靈活可控，首先需要 app.json 中設(shè)置 navigationStyle ：custom 自定義，然后通過小程序 wx.getMenuButtonBoundingClientRect() 可以獲取到右上角膠囊菜單位置信息，不過這個接口不穩(wěn)定，部分機(jī)型會出現(xiàn)獲取失敗的 bug，所以使用 wx.getSystemInfo 來獲取該設(shè)備的狀態(tài)欄高度（即手機(jī)時間和電量那一欄高度），標(biāo)題欄高度（即包括導(dǎo)航返回鍵、標(biāo)題和膠囊的高度）默認(rèn)設(shè)置安卓為48，ios 為44（小程序默認(rèn)膠囊在安卓中為48px 的標(biāo)題欄居中，因?yàn)榘沧款悇e比較多，所以會有點(diǎn)差別，ios 為44px 的標(biāo)題欄居中），導(dǎo)航欄總高度為狀態(tài)欄高度+標(biāo)題欄高度，padding-top 高度為狀態(tài)欄高度，標(biāo)題欄中元素垂直對齊來達(dá)到適配并與膠囊對齊，設(shè)置內(nèi)容高度時可以利用 calc(100vh -  導(dǎo)航欄總高度)，把樣式放在全局 app.wxss 中

unionid 標(biāo)識

unionid 是小程序用戶的跨程序標(biāo)識，擁有 unionid 首先需要綁定微信開放平臺（微信開放平臺-管理平臺-小程序-綁定小程序），因?yàn)?unionid 就是微信開放平臺分發(fā)下來的，不將小程序綁定微信開放平臺，就沒有 unionid，當(dāng)不同小程序的 unionid 是不同的，需要把小程序掛載到同一個主體中，同一用戶，對同一個微信開放平臺下的不同應(yīng)用，unionid 是相同的

后臺返回 unionid 給前端：首先 wx.login 獲取用戶登錄憑證code，然后 wx.getSetting 查看是否已授權(quán)，wx.getUserInfo 獲取用戶信息，通過用戶信息的加密字段給后臺向微信服務(wù)器換取 unionid 返回，由于獲取請求返回數(shù)據(jù)可能會在 Page.onLoad 之后才返回， 所以一般加上 callback （獲取 unionid 一般放在 app.js 的 onLaunch 中，所以需要 callback 來處理 它和頁面 onLoad 的數(shù)據(jù)獲?。?/p>

接口請求

建議把所有請求抽離到同一個 api.js 中，可以方便后期的修改和排查問題，小程序請求是通過微信后臺來請求我們的后臺地址來進(jìn)行后端映射、你請求的接口實(shí)際到微信的后端做了一道映射，微信后端拿到你的 wx.request 調(diào)用的 url、用后端請求后端，所以不會出現(xiàn)跨域問題

input 鍵盤

考慮不同場景使用不同的 type，如文本鍵盤，數(shù)字鍵盤來提高用戶體驗(yàn)

wux-weapp

小程序組件比較推薦 wux-weapp，組件豐富并且拓展靈活

以上是“微信小程序中有哪些知識點(diǎn)”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章題目：微信小程序中有哪些知識點(diǎn)-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://muchs.cn/article2/dcjgic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計、定制網(wǎng)站、品牌網(wǎng)站設(shè)計、企業(yè)網(wǎng)站制作、定制開發(fā)

廣告

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