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