上上周的今天在新公司入職蓬痒，第二天給了小程序的活兒，之前沒做過小程序以為很簡單漆羔，打開微信公眾平臺小程序一看梧奢。。演痒。這么多API亲轨，好吧隨用隨看吧。準備工作就不說了官網(wǎng)教程都有鸟顺，就記錄下這次遇到的問題和經(jīng)驗吧惦蚊。
1.小程序的像素單位rpx很好用，換算方式就是1px = 2rpx;?
2.用戶是否允許獲取用戶信息讯嫂，小程序改版后只能使用<button>控制蹦锋，設置open-type="getUserInfo" 點擊button會調取是否允許獲取信息彈框，點擊允許后會自動刷新到首頁欧芽，demo如下
3.關于使用<web-view>內嵌h5頁面莉掂，src鏈接要授權，但是我們測試到時候要去掉授權千扔，直接寫h5頁面路徑憎妙，否則在小程序里頁面沒法打開库正，調試的話只能用alert, console無法看到在小程序。在這不得不說一下內嵌h5緩存實在太嚴重厘唾，在微信開發(fā)者工具可以點擊清緩存——清除全部褥符，在手機里就不能這樣做了，目前我了解到的三種方式：
（1）h5鏈接生成二維碼抚垃，用微信掃一掃喷楣，先把頁面緩存過來，再通過小程序打開
（2）退出微信賬號登錄讯柔，再重新登錄抡蛙，這樣很麻煩是不是？魂迄？那我們來看看第三種方式
（3）卸載微信重新安裝粗截，簡單粗暴有沒有??
（4）上家公司的前端leader問我為什么不用版本管理器？好吧捣炬，這個需要我再研究下熊昌，類似于之前公司的版本管理，每次push頁面都會生成一長串隨機數(shù)
所以可能目前了解到的最好的方式是1湿酸，1實在不行就用2婿屹，絕對管用的，然后可能你要問你怎么知道是不是最新代碼呢推溃？好說呀昂利，你加個alert(1)不就知道里嗎是不是
4.wx.navigateTo() src 路徑帶的參數(shù)?xxx=xx&ccc=cc; 在跳轉后的頁面在onload生命周期里通過options可獲得，options.xxx 铁坎，類似于react路由path傳參
5.再說下h5頁面蜂奸。。硬萍。之前寫h5比較少扩所，第一次寫就遇到0.5px這個大坑，寫了個選項卡active有下劃線朴乖，給了border:0.5px; 然后我發(fā)現(xiàn)這個下劃線時好時不好的祖屏，難道是點擊的時候有延遲嗎，于是先下了個fastclick,然并卵买羞，又下了個zepto袁勺。。依然然并卵畜普，最后無計可施惨恭，你們猜我是怎么發(fā)現(xiàn)問題的??
這時候就要先開一個小差了封寞，蘋果用戶可能都知道吧？也許我是這么想的，雖然我之前也不太知道
（1）打開Safari偏好者設置驱显，選中“高級菜單”，在頁面最下方看到“在菜單中顯示開發(fā)菜單”的復選框倦逐，在復選框內打鉤凳忙，這樣設置完畢就能在Safari菜單中看到開發(fā)菜單了
（2）打開iPhone手機設置app 選擇Safari，找到高級選項约炎，有JavaScript開關web檢查器開關植阴，兩個開關都打開
（3）準備工作完成。這時候把iPhone用數(shù)據(jù)線連到mac上圾浅，打開Safari瀏覽器掠手，手機需要調試的頁面用safari打開，這樣在mac上就可以看到你打開的鏈接狸捕，打開喷鸽，里邊有調試器還可以打斷點
說到這，你們有沒有疑惑我的h5頁面在電腦上灸拍，我是怎么用手機打開的呢做祝，是的，作為h5小白這讓我很頭疼鸡岗，最后在諸多百度答案里找到了我想要的
1）下載charles代理器
2）打開手機無線網(wǎng)絡混槐，點擊右側圓圈感嘆號，滾到最下邊配置代理轩性，手動声登，服務器填寫電腦ip,端口號8888
3）打開瀏覽器找一個二維碼生成網(wǎng)頁，隨便偽造一個html鏈接生成二維碼揣苏，打開charles悯嗓，手機掃描二維碼，這時候charles會抓包到你偽造的這個頁面路徑舒岸，重點來了绅作，右鍵，最下邊找到map local會有一個彈窗蛾派， local path 選擇你本地頁面文件俄认，要將css,js都選擇進去不要只單獨的選擇html,點擊ok，這樣就好了洪乍，本地文件就替代了線上文件眯杏，就可以在手機端測試了
當然我這個方法是萬般無奈的，如果有host壳澳，可以直接配置到本地就方便多了岂贩，由于現(xiàn)公司這些還未成型，所以只能后期配置了巷波，今天先寫到這萎津，希望這個記錄對自己和別人都有些用卸伞，以后會堅持寫博客把工作中和學習中的問題，經(jīng)驗都分享一下锉屈，如有錯誤之處請指出荤傲，或者我這些方法不是很好，有更好的方法麻煩給我留言哦颈渊，萬分感謝遂黍！
