新手開發小程式心得分享

來自新手的體會，希望這篇新手小程式開發心得分享能幫助到剛準備開發小程式的朋友們。

小程式出來這麼久，我才開始第一次接觸它，一點也不覺得學習的晚，因為在我做了第一個小程式專案之後，發現這玩意沒什麼難度，以後別再拿會做個小程式就出去裝逼了啊！

為什麼小程式還有缺點？

小程式再好，也有它的缺點。

1、小程式框架不容易理解

它的專案結構到沒什麼問題，問題在於檔案名稱的重寫，css => wxss，HTML => wxml，很彆扭啊，因為我是個非常喜歡原生開發的程式設計師，一時難以接受這種奇葩的文件，第一眼看到wxss我還在想這東西是不是防止跨站攻擊的玩意。

2、設定檔過多，學習比較費勁

到處都是json文件，看得挺難受。

3、js寫的彆扭

有個全域的App({})，還有個單一頁面的Page({})，你說你是vue嗎？寫起來的感覺又不是。看得到this.setData({})，你說你是react嗎？也不像啊。咦，好像有點jQuery的影子，wx.API用起來挺像jQuery，但又不全是。像原生嗎？不像，所有API都是用物件導向的方法封裝的，如果是函數式編程，寫起來和原生js可以很好的銜接。

對於這個集合了4大天王高科技，但又沒有cop​​y完全的東西，如果沒有四大天王的一點基礎，寫起js還是挺費勁的，好在我全都有所了解，接受這些知識變得不那麼難。

4、wxss沒什麼好說的，說說wxml，有人說像react-native，有人說像vue，有人說像angular，要我說，看到這玩意，我都懷疑自己學的html是不是沒用了。

5、小程式也修改了許多原生的方法，例如事件函數，統一採用bind-event的寫法。難受想哭，小程式好的地方在於有詳細的文件描述了這些變化，壞的地方在於破壞了原生開發者的習慣。

6、忘掉過去，才能學會小程式。

為什麼小程式開發速度快？

也許每個開發者都聽說小程式開發速度快，產出高，經過我自己的嘗試，發現了幾個關鍵點。

1、小程式有專門的開發工具：微信開發者工具

這套開發工具整合了小程式所需的開發環境，好處就是不需要像開發react或vue一樣絞盡腦汁的配置webpack環境。缺點就是這個開發工具不是那麼好用，寫記事本的感覺。

2、小程式有一套官方的基礎demo，下載修改即可使用：官方的基礎demo

我一開始不知道如何搭建小程式的項目，然後找到了這個demo ，下載原始碼到本地，直接可以使用，不知道有沒有cli。之後開發者需要把原始碼的路由刪掉，保留首頁路由，然後進行開發。

3、前面2步驟對新手來說只需要幾個小時就能完成，如果你有經驗了，幾分鐘就能完成並且做開發了。

4、小程式有一套自己的元件庫：小程式元件庫

元件庫給人的好處是可以滿足沒有設計師的開發者的開發需求，雖然我感覺到這些組件寫的不怎麼好用，對於不追求完美的人來說夠用了。

5、小程式有一套API：小程式API

比起元件庫，我覺得API才是小程式最大的貢獻，借助了微信APP為載體的優勢，封裝了許多好用的API，十八般武藝樣樣精通，而且文件寫的很不錯。

學習小程式最好的方式

不是看別人寫的教程博客，而是看官方文檔，因為文檔寫的很清晰，所以我覺得寫篇教程還不如寫篇開發心得更有作用。

總結

如果你還沒玩過小程序，那麼打開官方文件的大門，按照官方教程模擬一遍，哦，你會發現它是如此的簡單（項目搭建、環境配置），之後就是考驗誰的js功底牛逼了。

相關推薦：

微信小程式函數節流多次點擊跳轉如何防止

一個會話備忘錄小程式的實現方法

微信小程式圖片壓縮功能的實作方法

#微信小程式把文字玩出花樣（彈幕）

微信小程式開發遇到的問題總結

#