溫州黃寮鄉(xiāng)微信小程序知識點總結(jié)
閱讀 40879 · 發(fā)布日期 2020-08-24 17:26 · 溫州優(yōu)光網(wǎng)絡科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】
subPackages 分包加載因為小程序主包大小不超過2M 限制,所以使用分包是個不錯的選擇,總分包大小不超過8M,可以添加多個分包,分包加載可以優(yōu)化小程序首次啟動的下載時間,當進入分包頁面再進行下載,這種按需加載可以把某些數(shù)據(jù)量大的抽離出來放入分包(如圖表)rpx 單位、在做移動端最常用適配的方法就是使用 rem ... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網(wǎng)站,平陽網(wǎng)站建設公司,平陽小程序商城制作,昆陽萬全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡網(wǎng)店服務,政采云網(wǎng)店管理服務】...
subPackages 分包加載因為小程序主包大小不超過2M 限制,所以使用分包是個不錯的選擇,總分包大小不超過8M,可以添加多個分包,分包加載可以優(yōu)化小程序首次啟動的下載時間,當進入分包頁面再進行下載,這種按需加載可以把某些數(shù)據(jù)量大的抽離出來放入分包(如圖表)rpx 單位、在做移動端最常用適配的方法就是使用 rem 或 vw 作為單位來進行適配,所以微信小程序提供了 rpx 單位來進行適配授權彈窗wx.getUserInfo 接口調(diào)整,以前可以直接主動調(diào)用顯示授權彈窗 ,現(xiàn)在需要使用 點擊來引導用戶去授權,小程序 wx.getUserInfo 接口正式版已調(diào)整,體驗版和開發(fā)版還可以使用原有方式。
原生組件 z-index原生組件的層級是最高的,所以頁面中的其他組件無論設置 z-index 為多少,都無法蓋在原生組件上,可以通過 cover-view 來解決,但某些特定環(huán)境如 swiper 或彈窗中需要顯隱原生組件,需要配合 hidden 來使用偽元素小程序的偽元素屬性無法在微信開發(fā)者工具 css 屬性中看到,所以對于某些組件樣式無法覆蓋時(如 button 的邊框或某些線條設置),是因為通過偽元素 ::after 設置的,所以必須使用偽元素來覆蓋頁面棧一個應用同時只能打開5個頁面棧,當已經(jīng)打開了5個頁面之后(現(xiàn)在限制是10層),后續(xù)可能出現(xiàn)不能正常打開新頁面。
wx.navigateTo 跳轉(zhuǎn)會保留當前頁面,wx.redirectTo 則不會,所以請避免多層級的交互方式來合理使用跳轉(zhuǎn)方式組件化emplate 模塊與 component 組件,是小程序中組件化的方式,二者的區(qū)別是,template 模塊主要是展示,方法需要在使用 template 的頁面中定義。
而 component 組件,則擁有自己的js 文件,整個 component 組件類似一個 page 頁面。
簡單來說,只是展示用,建議使用 template,組件中涉及到較多的邏輯,建議使用 component調(diào)式一、開發(fā)者工具 source 斷點調(diào)式、console.log 打印數(shù)據(jù)和 AppData 查看數(shù)據(jù)二、小程序注意當前調(diào)式基礎庫版來調(diào)式一些兼容性以及 bug 問題三、小程序先在開發(fā)版或體驗版右上角打開調(diào)試顯示 vConsole,再切到正式版就能看到 vConsole 模式數(shù)據(jù)傳遞一、使用數(shù)據(jù)緩存,wx.setStorage 和 wx.getStorage,存儲數(shù)據(jù)只能是字符串格式,所以一般設置時需要使用 JSON.stringfy 來把對象轉(zhuǎn)字符串,獲取時使用 JSON.parse 來還原成對象二、wx.navigateTo 跳轉(zhuǎn)傳遞參數(shù),在跳轉(zhuǎn) url 后拼接字符串,在 onLoad() 函數(shù)內(nèi),通過 options.參數(shù)名 的方式獲取傳遞的參數(shù),注意如果有特殊字符(如?#等),可以使用encodeURIComponent 和 decodeURIComponent 編碼和解碼,否則會被截斷,導致特殊字符后面的數(shù)據(jù)無法傳遞三、getCurrentPages() 函數(shù)用于獲取當前頁面棧的實例,可以獲取頁面?;蛐薷捻撁鏃?shù)據(jù)四、getApp() 可以獲取全局對象和方法導航欄膠囊對齊適配導航欄一般使用自定義,比較靈活可控,首先需要 app.json 中設置 navigationStyle :
custom 自定義,然后通過小程序 wx.getMenuButtonBoundingClientRect() 可以獲取到右上角膠囊菜單位置信息,不過這個接口不穩(wěn)定,部分機型會出現(xiàn)獲取失敗的 bug,所以使用 wx.getSystemInfo 來獲取該設備的狀態(tài)欄高度(即手機時間和電量那一欄高度),標題欄高度(即包括導航返回鍵、標題和膠囊的高度)默認設置安卓為48,ios 為44(小程序默認膠囊在安卓中為48px 的標題欄居中,因為安卓類別比較多,所以會有點差別,ios 為44px 的標題欄居中),導航欄總高度為狀態(tài)欄高度+標題欄高度,padding-top 高度為狀態(tài)欄高度,標題欄中元素垂直對齊來達到適配并與膠囊對齊,設置內(nèi)容高度時可以利用 calc(100vh - 導航欄總高度),把樣式放在全局 app.wxss 中unionid 標識unionid 是小程序用戶的跨程序標識,擁有 unionid 首先需要綁定微信開放平臺(微信開放平臺-管理平臺-小程序-綁定小程序),因為 unionid 就是微信開放平臺分發(fā)下來的,不將小程序綁定微信開放平臺,就沒有 unionid,當不同小程序的 unionid 是不同的,需要把小程序掛載到同一個主體中,同一用戶,對同一個微信開放平臺下的不同應用,unionid 是相同的后臺返回 unionid 給前端:
首先 wx.login 獲取用戶登錄憑證code,然后 wx.getSetting 查看是否已授權,wx.getUserInfo 獲取用戶信息,通過用戶信息的加密字段給后臺向微信服務器換取 unionid 返回,由于獲取請求返回數(shù)據(jù)可能會在 Page.onLoad 之后才返回, 所以一般加上 callback (獲取 unionid 一般放在 app.js 的 onLaunch 中,所以需要 callback 來處理 它和頁面 onLoad 的數(shù)據(jù)獲?。┙涌谡埱蠼ㄗh把所有請求抽離到同一個 api.js 中,可以方便后期的修改和排查問題,小程序請求是通過微信后臺來請求我們的后臺地址來進行后端映射、你請求的接口實際到微信的后端做了一道映射,微信后端拿到你的 wx.request 調(diào)用的 url、用后端請求后端,所以不會出現(xiàn)跨域問題input 鍵盤考慮不同場景使用不同的 type,如文本鍵盤,數(shù)字鍵盤來提高用戶體驗wux-weapp小程序組件比較推薦 wux-weapp,組件豐富并且拓展靈活推薦教程:
《微信小程序》以上就是微信小程序知識點總結(jié)的詳細內(nèi)容,更多請關注php中文網(wǎng)其它相關文章!
微信
分享相關標簽:
微信小程序本文轉(zhuǎn)載于:
掘金社區(qū),如有侵犯,請聯(lián)系[email protected]刪除
上一篇:
微信小程序中圖片處理(居中、鋪滿屏幕)
下一篇:
微信小程序:
一個json幫你完成分享朋友圈圖片相關文章相關視頻修改微信號有什么影響嗎?微信中共享實時位置什么意思數(shù)據(jù)庫設計的基本原則是什么?微信小程序調(diào)用圖片安全API微信小程序知識點總結(jié)初識微信小程序(1)初識微信小程序(3)初識微信小程序(4) [溫州做微信公眾號]
為您推薦
- 微信公眾號里“JS接口域名”實現(xiàn)分享功能 2020-08-24
- 微信支付驗證或簽名失敗是什么原因?附三種解決方案 2020-08-24
- android微信登陸、分享做了一段時間了發(fā)現(xiàn)的一些坑 2020-08-24
- 最新整理出的微信分享后端接口實現(xiàn)的大致流程 2020-08-24
- 微信公眾號開發(fā):商戶如何給用戶發(fā)紅包實例講解 2020-08-24
- 長見識了,原來微信瀏覽器內(nèi)可以直接啟動外部瀏覽器 2020-08-24
- 怎么創(chuàng)建微信公眾號自定義菜單欄?這里給出了權威解答 2020-08-24
- 微信公眾號開發(fā),實現(xiàn)倒計時的一個功能(純代碼) 2020-08-24