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

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

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

一、簡單型開發(fā)

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

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

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

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

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

二、多樣型開發(fā)

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

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

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

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