分享不同模式的小程序開發(fā)技巧

隨著小程序越來越受歡迎，企業(yè)和商家也都紛紛看到了小程序的發(fā)展前景，紛紛開始著手開發(fā)自己的小程序。那現(xiàn)在開發(fā)一個(gè)小程序并不難，WeChat提供了非常詳細(xì)的官方文檔，在網(wǎng)絡(luò)上也可以使用很多組件，整體上比Web網(wǎng)頁和手機(jī)軟件的開發(fā)簡單，大大降低了知道技術(shù)的人有想法、想要嘗試的難度。那現(xiàn)在為了開發(fā)小程序，首先需要了解微信中的小程序如何工作，生命周期是怎樣的，以及頁面的加載和路由等。下面月白網(wǎng)絡(luò)就來分享一下小程序開發(fā)的兩種不同的模式。

有兩種開發(fā)模式：簡單型和多樣型。

一、簡單型開發(fā)

像字面的意思一樣，在比較簡單、直接的開發(fā)方式中，沒有復(fù)雜功能。

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

.像wxml文件，html一樣，該文件主要用于構(gòu)建頁面的結(jié)構(gòu)，包括哪些組件，如何相互關(guān)聯(lián)？例如，包含按鈕。

像.wxss文件，css那樣，這個(gè)文件是為了記述頁面表示的模式，決定了wxml內(nèi)的組件和構(gòu)造是如何表示的。例如，按鈕是什么顏色，.js文件和Web頁面開發(fā)的js有用，點(diǎn)擊按鈕會(huì)發(fā)生什么等，用于處理事件的.json文件，幾個(gè)窗口小部件特有的內(nèi)容的表示，例如定義了各頁面的名稱。除此之外，app.js和app.json處理整個(gè)窗口小部件的一些配置和事件。

簡單型開發(fā)是有問題的，每次開發(fā)一個(gè)頁面時(shí)，都要?jiǎng)?chuàng)建這四個(gè)文件，在這幾個(gè)文件之間切換更改是很麻煩的。例如，要修改一個(gè)按鈕，首先去wxml調(diào)整頁面的結(jié)構(gòu)位置，去wxss調(diào)整顏色，然后修正js后點(diǎn)擊會(huì)發(fā)生什么。1個(gè)網(wǎng)頁還可以，但是網(wǎng)頁多的話，文件超多，很麻煩，所以豪華式有用的地方很多。更多關(guān)于小程序開發(fā)的要點(diǎn)，還可以看看《開發(fā)微信小程序需要哪些技術(shù)》，了解更多小程序開發(fā)的技巧。

二、多樣型開發(fā)

weepy是微信開發(fā)的一個(gè)小型程序開發(fā)框架，它很大程度上解決了簡單性的問題，并具有其他一些優(yōu)點(diǎn)：

Wepy參考Vue，所以在開發(fā)模型中基本上與Vue相同。每個(gè)頁面都需要一個(gè)定義。wpy文件、Vue的第1頁、html、css、js均在此文件中，簡化了開發(fā)。開發(fā)后，Wepy使用wpy文件自動(dòng)生成每頁的樸素的4頁面。Wepy便于開發(fā)應(yīng)用程序。

月白網(wǎng)絡(luò)認(rèn)為對(duì)于一個(gè)基于Vue或React的朋友，基本上可以無縫地工作。開發(fā)效率也比樸素的快得多。

在學(xué)習(xí)的過程中，用Wepy模仿他人的實(shí)現(xiàn)，簡單地實(shí)現(xiàn)了一個(gè)服裝的商城fashion-mall，配備了可以在本地運(yùn)行的測(cè)試后端。有興趣的朋友可以參考Github。小應(yīng)用程序大幅度地削減了應(yīng)用程序的開發(fā)和維護(hù)的成本，將想法的試行錯(cuò)誤控制在最小限度。