小程序開發心得

得益于(yú)會react，會點jQuery，也(yě)會點vue，研究了(le／liǎo)一下小程序，發現這(zhè)東西有好處也(yě)有壞處。

小程序出(chū)來(lái)這(zhè)麽久，我才開始第一次接觸它，一點也(yě)不(bù)覺得學習的(de)晚，因爲(wéi / wèi)在(zài)我做了(le／liǎo)第一個(gè)小程序項目之(zhī)後，發現這(zhè)玩意沒什麽難度，以(yǐ)後别再拿會做個(gè)小程序就(jiù)出(chū)去裝逼了(le／liǎo)啊！

爲(wéi / wèi)什麽小程序開發速度快？

也(yě)許每個(gè)開發者都聽說(shuō)說(shuō)小程序開發速度快，産出(chū)高，經過我自己的(de)嘗試，發現了(le／liǎo)幾個(gè)關鍵點。

1、小程序有專門的(de)開發工具：微信開發者工具

這(zhè)套開發工具集成了(le／liǎo)小程序所需要(yào / yāo)的(de)開發環境，好處就(jiù)是(shì)不(bù)需要(yào / yāo)像開發react或者vue一樣絞盡腦汁的(de)配置webpack環境。缺點就(jiù)是(shì)這(zhè)個(gè)開發工具不(bù)是(shì)那麽好用，寫記事本的(de)感覺。

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

我一開始不(bù)知道(dào)如何搭建小程序的(de)項目，然後找到(dào)了(le／liǎo)這(zhè)個(gè)demo，下載源碼到(dào)本地(dì / de)，直接可以(yǐ)使用，不(bù)知道(dào)有沒有cli。之(zhī)後開發者需要(yào / yāo)把源代碼的(de)路由删掉，保留首頁路由，然後進行開發。

3、前面2步對于(yú)新手來(lái)說(shuō)隻需要(yào / yāo)幾個(gè)小時(shí)就(jiù)能完成，如果你有經驗了(le／liǎo)，幾分鍾就(jiù)能完成并且做開發了(le／liǎo)。

4、小程序有一套自己的(de)組件庫：小程序組件庫

組件庫給人(rén)的(de)好處是(shì)可以(yǐ)滿足沒有設計師的(de)開發者的(de)開發需求，雖然我感覺這(zhè)些組件寫的(de)不(bù)怎麽好用，對于(yú)不(bù)追求完美的(de)人(rén)來(lái)說(shuō)夠用了(le／liǎo)。

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

相比于(yú)組件庫，我覺得API才是(shì)小程序最大(dà)的(de)貢獻，借助了(le／liǎo)微信APP爲(wéi / wèi)載體的(de)優勢，封裝了(le／liǎo)很多好用的(de)API，十八般武藝樣樣精通，而(ér)且文檔寫的(de)很不(bù)錯。

爲(wéi / wèi)什麽小程序還有缺點？

小程序再好，也(yě)有它的(de)缺點。

1、小程序框架不(bù)容易理解

它的(de)項目結構到(dào)沒什麽問題，問題在(zài)于(yú)文件名的(de)重寫，css => wxss，HTML => wxml，很别扭啊，因爲(wéi / wèi)我是(shì)個(gè)非常喜歡原生開發的(de)程序員，一時(shí)難以(yǐ)接受這(zhè)種奇葩的(de)文件，第一眼看到(dào)wxss我還在(zài)想這(zhè)東西是(shì)不(bù)是(shì)防止跨站攻擊的(de)玩意。

2、配置文件過多，學習比較費勁

到(dào)處都是(shì)json文件，看得挺難受。

3、js寫的(de)别扭

有個(gè)全局的(de)App({})，還有個(gè)單個(gè)頁面的(de)Page({})，你說(shuō)你是(shì)vue嗎？寫起來(lái)的(de)感覺又不(bù)是(shì)。看得this.setData({})，你說(shuō)你是(shì)react嗎？也(yě)不(bù)像啊。咦，好像有點jQuery的(de)影子(zǐ)，wx.API用起來(lái)挺像jQuery，但又不(bù)全是(shì)。像原生嗎？不(bù)像，所有API都是(shì)用面向對象的(de)方法封裝的(de)，如果是(shì)函數式編程，寫起來(lái)和(hé / huò)原生js可以(yǐ)很好的(de)銜接。

對于(yú)這(zhè)個(gè)集合了(le／liǎo)4大(dà)天王高科技，但又沒有copy完全的(de)東西，如果沒有四大(dà)天王的(de)一點基礎，寫起js還是(shì)挺費勁的(de)，好在(zài)我全都有所了(le／liǎo)解，接受這(zhè)些知識變得不(bù)那麽難。

4、wxss沒什麽可說(shuō)的(de)，說(shuō)說(shuō)wxml，有人(rén)說(shuō)像react-native，有人(rén)說(shuō)像vue，有人(rén)說(shuō)像angular，要(yào / yāo)我說(shuō)，看到(dào)這(zhè)玩意，我都懷疑自己學的(de)html是(shì)不(bù)是(shì)沒用了(le／liǎo)。

5、小程序還修改了(le／liǎo)很多原生的(de)方法，比如事件函數，統一采用bind-event的(de)寫法。難受想哭，小程序好的(de)地(dì / de)方在(zài)于(yú)有詳細的(de)文檔描述了(le／liǎo)這(zhè)些變化，壞的(de)地(dì / de)方在(zài)于(yú)破壞了(le／liǎo)原生開發者的(de)習慣。

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

學習小程序最好的(de)方式

不(bù)是(shì)看别人(rén)寫的(de)教程博客，而(ér)是(shì)看官方文檔，因爲(wéi / wèi)文檔寫的(de)很清晰，所以(yǐ)我覺得寫篇教程還不(bù)如寫篇開發心得更有作用。

總結

如果你還沒玩過小程序，那麽打開官方文檔的(de)大(dà)門，按照官方教程模拟一遍，哦，你會發現它是(shì)如此的(de)簡單（項目搭建、環境配置），之(zhī)後就(jiù)是(shì)考驗誰的(de)js功底牛逼了(le／liǎo)。