小程序開發(fā)對于有技術(shù)底子的人來說并不難，甚至可以說門檻挺低的。本質(zhì)上是像網(wǎng)頁、手機(jī)軟件這種另一個(gè)前端平臺(tái)的開發(fā)，但是是在微信定義的框架內(nèi)完成的，有一些微信里獨(dú)有的一些功能，比如說獲取用戶的基本信息，登陸，分享到微信群等。微信提供了非常詳細(xì)的文檔，網(wǎng)上也有很多組件可以使用，整體感覺會(huì)比開發(fā)網(wǎng)頁和手機(jī)軟件來得更加簡單，很大程度降低了懂點(diǎn)技術(shù)的人有想法、想做嘗試的難度。

　　要開發(fā)一個(gè)小程序，首先應(yīng)該了解在微信里，小程序是怎么運(yùn)作的，生命周期是什么樣的，頁面的加載和路由等。然后就可以上手嘗試。

　　開發(fā)模式可以分為兩種：樸素式和豪華式

　　樸素式開發(fā)

　　樸素式，如同字面意思一樣，是比較簡單直接的開發(fā)方式，沒有一些花里胡哨的操作。

　　每一個(gè)小程序的頁面，都由4個(gè)文件協(xié)同以完成功能：

　　1、 .wxml文件，類似html，這個(gè)文件主要是用來構(gòu)建頁面的結(jié)構(gòu)，包括了哪些組件，之間是怎么相互關(guān)聯(lián)的。比如包含了個(gè)按鈕。

　　2、 .wxss文件，類似css，這個(gè)文件是用來描述頁面顯示的樣式的，決定了wxml里的組件和結(jié)構(gòu)要怎么顯示。比如按鈕是什么顏色的。

　　3、 .js文件，和網(wǎng)頁開發(fā)的js是一個(gè)用處，用來處理一些事件，比如點(diǎn)擊按鈕會(huì)發(fā)生什么。

　　4、 .json文件，定義了一些小程序里特有的內(nèi)容的顯示，比如每個(gè)頁面的名稱。

　　除此之外，有app.js和app.json來做整個(gè)小程序全局的一些配置和事件的處理。

　　差不多就這些內(nèi)容，對于有前端基礎(chǔ)的朋友，要嘗試是分分鐘的事情。

　　樸素式的開發(fā)有個(gè)問題，每要開發(fā)一個(gè)頁面，都要?jiǎng)?chuàng)建這四個(gè)文件，要來回在這幾個(gè)文件之間切換更改，麻煩得很。比如要修改一個(gè)按鈕，首先要去wxml調(diào)整在頁面的結(jié)構(gòu)位置，再去wxss去調(diào)整一下顏色，之后再去改js去設(shè)置點(diǎn)擊之后會(huì)發(fā)生什么。一個(gè)頁面還好，但是頁面多了之后，文件超多，麻煩，所以豪華式就有了用武之地。

　　豪華式開發(fā)

　　豪華式開發(fā)，用到了微信開發(fā)的一個(gè)小程序開發(fā)框架Wepy，很大程度上解決了樸素式的麻煩，還有一些別的優(yōu)點(diǎn)：

　　1、Wepy借鑒了Vue，所以在開發(fā)模式上基本和Vue一樣。

　　2、每個(gè)頁面只需要定義一個(gè).wpy文件，然后類似于Vue的一個(gè)頁面，html,css,js都在這個(gè)文件里，簡化了開發(fā)。

　　3、在開發(fā)完后，可以通過編譯，Wepy會(huì)自動(dòng)用wpy文件，為每個(gè)頁面生成樸素式的四個(gè)頁面。

　　4、Wepy讓小程序開發(fā)更容易組件化。

　　5、…

　　對于有Vue或者React基礎(chǔ)的朋友，基本可以無縫上手。開發(fā)效率也會(huì)比樸素式的快很多。

　　在學(xué)習(xí)的過程中，也試著用Wepy仿照別人的實(shí)現(xiàn)，簡單實(shí)現(xiàn)了一個(gè)服裝商城fashion-mall，配了一個(gè)可以本地運(yùn)行的測試后端。

　　小程序讓應(yīng)用的開發(fā)和維護(hù)成本小了很多，讓想法的試錯(cuò)成本也低了很多。

　　有想法，該試試。