上面說要搞小程序，強行趟坑
坑之1（居然木法調(diào)試８惴Α）
在官方下載安裝好了波桩，微信web開發(fā)者工具，最開始我沒得appid请敦，就用的無appid模式可是镐躲，怎么都調(diào)試不起，頁面一片空白侍筛，代碼是有的萤皂。
后來公司申請了一個appid，我創(chuàng)建項目匣椰，還是調(diào)試不起裆熙，我就懵逼了，就這個樣子禽笑，但是入录，我在手機上預(yù)覽是有效果的。
結(jié)果蒲每，第一次啟動是要連代理纷跛，也就是翻墻喻括，（使用Chrome Inspect 第一次需要翻墻邀杏，chrome的開發(fā)調(diào)試工具），所以推斷估計是用的chrome的那一套唬血，修修改改的望蜡。
坑之二（官方的ide太弄用，如何高亮wxml和wxss文件？胶蕖）
微信小程序的wxml對應(yīng)hmtl脖律，wxss對應(yīng)css，只是大體上對應(yīng)腕侄，還有一些差別小泉，但是用sublime無法高亮這些文件，碼起代碼來冕杠，太吃力微姊，，分预，兢交，
推薦使用vs code 和 egret wing（我用的vs code， 實用一點）
vs code ：在wxml頁面點右下角笼痹，適配成html配喳，再點配置文件自動關(guān)聯(lián)酪穿，這樣你所有的文件就自動關(guān)聯(lián)成html了，可以高亮晴裹，可以語法提示被济，vs code很輕量級，功能也很強大涧团，即使你不開發(fā)小程序和前端溉潭，也是很好的選擇
（補充一下，sublime也可以進行匹配少欺，也是編輯器界面的右下角喳瓣，單機左鍵后，最上面有個open all with current ...選項赞别，就可以進行全局匹配了 ）
vscode的wxml是使用html ,有很多wxml特有的提示沒有畏陕， egret wing做了這些適配。
坑之三 （wxss并不是很css仿滔，寫樣式的時候要小心惠毁，仔細(xì)讀文檔）
1.rpx，（微信小程序獨特的尺寸單位）
可以根據(jù)屏幕寬度進行自適應(yīng)（這倒是很好用崎页，比如一定比例的圖片就可以用這單位）鞠绰。規(guī)定屏幕寬為750rpx。如在 iPhone6 上飒焦，屏幕寬度為375px蜈膨，共有750個物理像素，則750rpx = 375px =750物理像素牺荠，1rpx = 0.5px = 1物理像素翁巍。
2.background-image：可以使用網(wǎng)絡(luò)圖片，或者 base64休雌，或者使用標(biāo)簽
3.為什么腳本內(nèi)不能使用window等對象
頁面的腳本邏輯是在JsCore中運行灶壶，JsCore是一個沒有窗口對象的環(huán)境，所以不能在腳本中使用window杈曲，也無法在腳本中操作組件
4. zepto/jquery 無法使用驰凛，zepto/jquery 會使用到window對象和document對象，所以無法使用
5.wx.navigateTo無法打開頁面
一個應(yīng)用同時只能打開5個頁面担扑，當(dāng)已經(jīng)打開了5個頁面之后恰响，wx.navigateTo不能正常打開新頁面。請避免多層級的交互方式魁亦，或者使用wx.redirectTo
坑之四（如何映入svg渔隶！為啥url總是不對！）
按照一般的前端流程引入icon文件，我就卡在@font-face ?的url路徑不對的坑上间唉，不能動彈
結(jié)果這里多需要一步绞灼，具體看這個鏈接吧（微信小程序如何添加外部字體）
http://jingyan.baidu.com/article/d5a880eba54e3713f147cc91.html
最后 感言
微信小程序大量借鑒react native 和vue.js，所以一般的前端呈野，上手還是很快低矮，但是總要趟些坑才讓你記住它，
至于js這邊被冒，又不能引入jq這樣的庫军掂，所以基本原生js開發(fā)，和仔細(xì)閱讀官方文檔的api昨悼，這樣才能減少工作量蝗锥，
另外，都說了小程序是大量借鑒vue.js(angular也才不多）率触，所以大家就不要絞盡乳汁去想怎么才能操作DOM了终议！用的是雙向數(shù)據(jù)綁定，但是我還沒看到想angular那樣的指令技巧葱蝗，哎穴张，慢慢研究吧，原則上是不要操作dom的两曼，很吃力
謝謝觀看
