前言
微信小程序的開發(fā)，我應(yīng)該算是趕上了第一波，所以，自然是一路踩坑而來 =。=
一月九日，小程序正式上線，早早地就到公司開始改bugs~
前不久，我又對這個項目重構(gòu)了一版~
現(xiàn)在來做個項目總結(jié)剛好，就給我踩過的那些坑留點紀(jì)念吧~

開發(fā)時,切忌將小程序簡單地想象成我們web開發(fā)中的css、js、html，否則···

微信小程序的開發(fā)，實際上是在微信封裝下對項目的二次開發(fā)了。很多很多的規(guī)則我們必須要去遵守，其中很明顯的就是標(biāo)簽元素。很多標(biāo)簽會讓我們很自然地和html中的標(biāo)簽元素對應(yīng)起來，建立這種對應(yīng)關(guān)系確實能夠幫助我們更快地入手小程序，但是一定要記得不要把它們等同起來，謹(jǐn)記它們是有區(qū)別的。還有，開發(fā)之前，記得看看官網(wǎng)文檔上的Q&A，預(yù)熱下。

注：
1.以下標(biāo)題是按照微信開發(fā)工具上的選項進(jìn)行劃分的。
2.總結(jié)還在一步步地完善中，每天一點點~
3.歡迎留言指正錯誤，知識共享~

項目
1.開發(fā)環(huán)境不校驗請求域名以及TSL版本
小程序有嚴(yán)格的域名檢查規(guī)則，規(guī)定使用https。
所以，當(dāng)你的開發(fā)環(huán)境是http時，記得將這個選項勾上，不然你是無法請求到接口數(shù)據(jù)的。

2.開啟ES6轉(zhuǎn)ES5如果有用ES6語法的話，記得勾上。

編輯
編輯，也就是開發(fā)咯。

1.文件引用
在小程序中，它引入了模塊機(jī)制，我們可以在頁面中引入我們需要的模塊，但是，這種引入是單向的。比如：
a文件：

var b = require('../libs/b.js')

那我們在b文件中如果這樣：

var a = require('../libs/a.js')

開發(fā)者工具是會報錯的，目前我的解決方案也只是避免這種引用，直接將自己需要的部分放在同一個文件中。

2.圖片
1）通過background屬性引用圖片
沒錯，我們可以在開發(fā)工具上看到效果挺正常的，但是，打開手機(jī)測試，Ops，圖片不見了。
在官方文檔上有明確規(guī)定，本地資源是無法通過css獲取的。
所以，當(dāng)你決定用background-image屬性的時候，你可以：
a=> 使用網(wǎng)絡(luò)圖片
b=> base64

2）通過image標(biāo)簽src屬性引用圖片這種方式的引用沒有資源來源方式的限制，可以引用本地資源。

調(diào)試
調(diào)試的時候最大的感悟是，無論是開發(fā)者工具上，還是手機(jī)上，記得先把緩存刪干凈再測。而且出現(xiàn)bugs的時候盡量多測幾次，進(jìn)行反復(fù)確定。不然的話，你可能會發(fā)現(xiàn)，本來測好的功能又出現(xiàn)問題了，或者是本來有問題的部分又沒有問題了，所以，測吧測吧，多測幾次。

1.頁面加載，前端向后臺發(fā)送數(shù)據(jù)請求。在開發(fā)階段，我們在進(jìn)行對請求結(jié)果的業(yè)務(wù)處理時，自然是邊調(diào)試邊修改的，有時候我們會遇到：statusCode沒處理好而導(dǎo)致前端不斷向后臺發(fā)送請求，然后，卡機(jī)了。當(dāng)然，在微信開發(fā)者工具上，也是。不過，除此之外，它還會產(chǎn)生另外一個副作用，就是可能連小程序本身API上的請求都請求不了了。發(fā)生這種情況的話，你就喝喝茶，做做眼保健操吧，給它點時間，它會好起來的。

2.代碼上傳報錯。
手機(jī)預(yù)覽小程序。在預(yù)覽之前，我們是需要在開發(fā)者工具上上傳代碼的，說說我遇到的報錯把：
1）明確提示我的代碼中哪一個文件有錯誤
這個比較好辦，就是直接找到對應(yīng)文件，結(jié)合控制臺，改好之后再上傳代碼。
2）錯誤提示一個不知道什么原因的error
遇見這種情況，我的解決方案是：不用糾結(jié)，關(guān)掉我的開發(fā)者工具，打開，再上傳。貌似有點無厘頭，但是成功幾率很高，不信你可以試試。

其他
1.開發(fā)過程中，記得時刻關(guān)注官方文檔上的更新日志，保持自己的開發(fā)工具是最新的。這是避免跳坑的一大法寶，不過現(xiàn)在還好了，剛開始的時候是真坑~
2.學(xué)會在開發(fā)者社區(qū)上找答案，沒有答案就去提問，會有人回答你的。