資訊專欄INFORMATION COLUMN
摘要：全屏蒙版彈窗遮不住的層級還是很高的，當出現全屏蒙版彈窗時，是無法蓋住的，可以調用微信的，不過需要注意兼容低版本在類設置的顏色并沒有變化。
從6月份開始到現在，寫小程序將近4個月了
開發時給自己埋了不少坑～
給大家分享下我的填坑經驗～～
1.小程序的組件修改不能觸發頁面刷新？
需要在父級文件上保存下才會觸發
（使用wepy開發）
2.接口請求出現的問題？
記得勾選調試開發工具上 不校驗合法域名
3.navigateTo跳轉頁面不生效？
頁面棧最多支持10層，超過10層無法后退（10層之后有其他方法解決～）
navigateTo, redirectTo 只能打開非 tabBar 頁面。
switchTab 只能打開 tabBar 頁面。
reLaunch 可以打開任意頁面。
4.onload只會在頁面加載時候執行，比如用navigateBack回到之前的頁面的時候，之前那個頁面不會再執行onload，
所以我們要觸發某些函數的時候，我們可以放在onshow里面，即使是navigateBack回來也會執行
5.子組件的onload會在父組件onload之前執行，有一個頁面加載完成3s后展示飄窗的需求，飄窗會立即被加載
可以在父子組件用EventHandle（類似vue的eventBus）通信下，以確定子組件加載時機～
6.操作用戶頭像（比如點擊跳轉）
open-data類似自定義組件，上面無法綁定事件，簡單實現可以用navigator包裹open-data，不用寫js代碼即可實現點擊跳轉頁面。navigator相當于html的a元素，默認為inline，可修改display樣式為block
navigator組件屬性 openType 可選值 "navigate"、"redirect"、"switchTab"，對應于wx.navigateTo、wx.redirectTo、wx.switchTab的功能
7.同一個頁面想要2個分享？
需要在Page中添加onShareAppMessage方法，否則點右上角菜單不會出現轉發選項
除了右上角菜單外，可以使用button組件的open-type="share"
button組件和右上角的點點點都是調用onShareAppMessage方法
通過參數中的from字段區分事件來源是菜單menu還是按鈕button（某需求要求兩個分享不同）
通過onShareAppMessage方法返回的對象來定制轉發界面顯示的內容
8.分享成功后的打點消失了？
是的，微信取消支持這個功能了。。。
在原來的分享接口中，用戶發起分享動作之后，可以通過 success 、fail、complete等回調來判斷用戶是否完成了最后的分享動作。老代碼也是分享成功的通過分享success回調函數內打log的記錄。由于官方后來取消了這個功能，所以分享的打點要放到外面來。
9.canvas相關
要進行繪制，則canvas組件必須真實地被寫在頁面上，而且其wx:if不能為false。
canvas是原生組件，層級是最高的，所以頁面中z-index設置不生效。
于是把canvas放置在屏幕之外，如設置position:fixed;left:750rpx;
canvas的api，在頁面中，api的參數this不是必填的，在組件中就是必填的，頁面中可不填。
在繪制canvas時，由于draw是異步操作，需要把canvasToTempFilePath寫到draw成功的回調里
（起初是繪制內容少很快，用同步寫也不會出問題）
繪制出來的圖片如果覺得有點糊，請在canvas中等比例放大繪制尺寸～
但是也不能太大，不然在安卓上會有bug（限制范圍貌似在2000px）。
10.全屏蒙版彈窗遮不住tabBar？
tabBar的層級還是很高的，當出現全屏蒙版彈窗時，是無法蓋住tabBar的，
可以調用微信的hidetabbar，不過需要注意兼容低版本
11.在placeholder-class類設置的顏色并沒有變化。
placeholder的顏色只能通過placeholder-style的方式設置
placeholder-style="color:#ccc"
1.只用開發者工具測試能行嗎？
有些功能是版本限制的，開發者工具的基礎庫版本可以調整，但是無法設置微信版本，還是需要真機。
2.掃描新生成的二維碼會跳轉到線上的鏈接？
以前是測試的時候需要用微信開發者工具來測試在編譯模式，把二維碼的具體信息添加進去
在最新的開發工具中，有一項 二維碼編譯 模式，解決了跳轉線上小程序鏈接的問題
3.開發者工具上看效果沒問題，但是在真機上測試不行？
一般說來都是真機緩存的影響，微信開發者工具是可以一鍵清理全部緩存
安卓和ios的上一般都是刪除這個小程序（注意 不是刪除使用記錄）
再有就是，刪除完畢后可以進入小程序的設置選項查看權限的開關來確定是否真的完全清除。
4.清除緩存后還有問題？
這時候就需要使用vConsole了
開發版和體驗版可以點擊真機小程序頁面右上角的...按鈕打開的菜單項“打開調試”來開啟 vConsole
正式版沒有“打開調試”的菜單項，可以先通過開發版和體驗版來開啟 vConsole，然后再打開正式版。
或者預埋一個隱藏操作，比如連續點擊某個 Button 多次，然后調用 API 接口 wx.setEnableDebug 來打開。
5.如何遠程調試真機？
vConsole一般用來看有無報錯，如果是簡單的問題，咱們直接修改代碼就可以改好了了
復雜的情況還需要調試，手機畢竟看日志不方便，也不能斷點調試、修改樣式
此時需要借助遠程調試來快速定位復雜問題～
使用開發者工具的遠程調試窗口只要用手機掃一掃就可以連通手機和模擬器之間的數據鏈接，調試的上下文會自動切換到 VM Context 1
上傳代碼的話，需要勾選 樣式自動補全
一次沒通過，請再提交一次吧:(
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98315.html
摘要：海報生成示例最近智酷君在做小程序生成海報的項目中遇到一些棘手的問題，在網上查閱了各種資料，也踩扁了各種坑，智酷君希望把這些填坑經驗整理一下分享出來，避免后來的兄弟重復掉坑。 showImg(https://segmentfault.com/img/bVbs5V8?w=343&h=517);海報生成示例 最近智酷君在做[小程序]canvas生成海報的項目中遇到一些棘手的問題，在網上查閱了...
摘要：組件模板與組件數據結合后生成的節點樹，將被插入到組件的引用位置上。事件用于子組件向父組件傳遞數據，可以傳遞任意數據。官方文檔往期回顧填坑手冊小程序生成海報一拆彈時刻小程序生成海報二 showImg(https://user-gold-cdn.xitu.io/2019/6/19/16b6e94bcde767a1?w=1069&h=652&f=jpeg&s=120912); 小程序目錄結構...
摘要：如果需要類似即時響應的，應該選用后者，因為能使用來實現即時取到值，比如商品搜索框輸入手機關鍵字，應出現，等候選詞這樣的場景。 微信小程序 傳值取值的幾種方法總結 列表index下標取值 頁面傳值 form表單取值 1. 列表index下標取值 實現方式是：data-index={{index}}挖坑及e.currentTarget.dataset.index來填坑即可 1.1 生成...
摘要：利用這篇教程存儲一些常用的微信小程序開發技巧，方便查找。但是第一，微信小程序是國內的，有中文文檔，雖然它的文檔說明有點坑，但好歹有文檔，閱讀理解對小伙伴們來說不是問題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺得本文還不錯，記得給個...
閱讀 3692·2021-11-19 09:56
閱讀 1473·2021-09-22 15:11
閱讀 1134·2019-08-30 15:55
閱讀 3380·2019-08-29 14:02
閱讀 2919·2019-08-29 11:07
閱讀 439·2019-08-28 17:52
閱讀 3175·2019-08-26 13:59
閱讀 443·2019-08-26 13:53
