微信小程序補天筆記

使用wepy開發

微信小程序補天筆記

小程序的組件修改不能出發頁面更新

需要在父級文件上保存下才會觸發

接口請求出現的問題?

記得勾選調試開發工具上 不校驗合法域名

跳轉頁面不生效?

頁面棧最多支持5層,超過5層無法後退

navigateTo, redirectTo 只能打開非 tabBar 頁面。

switchTab 只能打開 tabBar 頁面。

reLaunch 可以打開任意頁面。

onload只會在頁面加載時候執行,比如用navigateBack回到之前的頁面的時候,之前那個頁面不會再執行onload,所以我們要觸發某些函數的時候,我們可以放在onshow裡面,即使是navigateBack回來也會執行

點擊用戶頭像跳轉頁面

open-data上面不能綁定事件,簡單實現可以用navigator包裹open-data,不用寫js代碼即可實現點擊跳轉頁面。navigator相當於html的a元素,默認為inline,可修改display樣式為block

組件屬性 openType。可選值 'navigate'、'redirect'、'switchTab',對應於wx.navigateTo、wx.redirectTo、wx.switchTab的功能

需要在Page中添加onShareAppMessage方法,否則點右上角菜單不會出現轉發選項

除了右上角菜單外,可以使用open-type="share"的按鈕

可以通過onShareAppMessage的參數中的from字段區分事件來源是菜單menu還是按鈕button

通過onShareAppMessage方法返回的對象來定製轉發界面顯示的內容

在原來的分享接口中,用戶發起分享動作之後,可以通過 success 、fail、complete等回調來判斷用戶是否完成了最後的分享動作。老代碼也是分享成功的通過分享success回調函數內打log的記錄。由於官方後來取消了這個功能,所以分享的打點要放到外面來。

canvas要進行繪製,則canvas組件必須真實地被寫在頁面上,而且其wx:if不能為false。

canvas是原生組件,層級是最高的,所以頁面中z-index設置不生效。

於是把canvas放置在屏幕之外,如設置position:fixed;left:750rpx;

canvas的api,在頁面中,api的參數this不是必填的,在組件中就是必填的

在繪製canvas時,由於draw是異步操作,需要把canvasToTempFilePath寫到draw成功的回調裡(起初是繪製內容少很快,用同步寫也不會出問題)

繪製出來的圖片如果覺得有點糊,請在canvas中等比例放大繪製尺寸~

但是也不能太大,不然在安卓上會有bug(限制範圍貌似在2000px)。

tabBar的層級還是很高的,當出現全屏蒙版彈窗時,是無法蓋住tabBar的,

可以調用微信的hidetabbar,不過需要注意兼容低版本

測試部分

有些功能是版本限制的,開發者工具的基礎庫版本可以調整,但是無法設置微信版本,還是需要真機。

掃秒新生成的二維碼會跳轉到線上的鏈接,

以前是測試的時候需要用微信開發者工具來測試在編譯模式,把二維碼的具體信息添加進去

在最新的開發工具中,有一項 二維碼編譯 模式,解決了跳轉線上小程序鏈接的問題

開發者工具上看效果沒問題,但是在真機上測試不行?

一般說來都是真機緩存的影響,微信開發者工具是可以一鍵清理全部緩存

安卓和ios的上一般都是刪除這個小程序(注意 不是刪除使用記錄)

再有就是,刪除完畢後可以進入小程序的設置選項查看權限的開關來確定是否真的完全清除。

如果清除緩存後還有問題,這時候就需要使用vConsole了

開發版和體驗版可以點擊小程序頁面右上角的...按鈕打開的菜單項“打開調試”來開啟 vConsole

正式版沒有“打開調試”的菜單項,可以先通過開發版和體驗版來開啟 vConsole,然後再打開正式版。

或者預埋一個隱藏操作,比如連續點擊某個 Button 多次,然後調用 API 接口 wx.setEnableDebug 來打開。

vConsole一般用來看有無報錯,如果是簡單的問題,咱們直接修改代碼就可以改好了了

複雜的情況還需要調試,手機畢竟看日誌不方便,也不能斷點調試、修改樣式

此時需要藉助遠程調試來快速定位複雜問題~

使用開發者工具的遠程調試窗口只要用手機掃一掃就可以連通手機和模擬器之間的數據鏈接,調試的上下文會自動切換到 VM Context 1

發佈部分

上傳代碼的話,需要勾選 樣式自動補全

一次沒通過,請再提交一次。

這些技術如何學習,有沒有免費資料?

對前端的技術,架構技術感興趣的同學關注我的頭條號,並在後臺私信發送關鍵字:“前端”即可獲取免費的架構師學習資料

知識體系已整理好,歡迎免費領取。還有面試視頻分享可以免費獲取。關注我,可以獲得沒有的架構經驗哦!


分享到:


相關文章: