分享不同模式的小程序开发技巧

随着小程序越来越受欢迎，企业和商家也都纷纷看到了小程序的发展前景，纷纷开始着手开发自己的小程序。那现在开发一个小程序并不难，WeChat提供了非常详细的官方文档，在网络上也可以使用很多组件，整体上比Web网页和手机软件的开发简单，大大降低了知道技术的人有想法、想要尝试的难度。那现在为了开发小程序，首先需要了解微信中的小程序如何工作，生命周期是怎样的，以及页面的加载和路由等。下面月白网络就来分享一下小程序开发的两种不同的模式。

有两种开发模式：简单型和多样型。

一、简单型开发

像字面的意思一样，在比较简单、直接的开发方式中，没有复杂功能。

每一个小程序开发的页面，都由4个文件协同以完成功能：

.像wxml文件，html一样，该文件主要用于构建页面的结构，包括哪些组件，如何相互关联？例如，包含按钮。

像.wxss文件，css那样，这个文件是为了记述页面表示的模式，决定了wxml内的组件和构造是如何表示的。例如，按钮是什么颜色，.js文件和Web页面开发的js有用，点击按钮会发生什么等，用于处理事件的.json文件，几个窗口小部件特有的内容的表示，例如定义了各页面的名称。除此之外，app.js和app.json处理整个窗口小部件的一些配置和事件。

简单型开发是有问题的，每次开发一个页面时，都要创建这四个文件，在这几个文件之间切换更改是很麻烦的。例如，要修改一个按钮，首先去wxml调整页面的结构位置，去wxss调整颜色，然后修正js后点击会发生什么。1个网页还可以，但是网页多的话，文件超多，很麻烦，所以豪华式有用的地方很多。更多关于小程序开发的要点，还可以看看《开发微信小程序需要哪些技术》，了解更多小程序开发的技巧。

二、多样型开发

weepy是微信开发的一个小型程序开发框架，它很大程度上解决了简单性的问题，并具有其他一些优点：

Wepy参考Vue，所以在开发模型中基本上与Vue相同。每个页面都需要一个定义。wpy文件、Vue的第1页、html、css、js均在此文件中，简化了开发。开发后，Wepy使用wpy文件自动生成每页的朴素的4页面。Wepy便于开发应用程序。

月白网络认为对于一个基于Vue或React的朋友，基本上可以无缝地工作。开发效率也比朴素的快得多。

在学习的过程中，用Wepy模仿他人的实现，简单地实现了一个服装的商城fashion-mall，配备了可以在本地运行的测试后端。有兴趣的朋友可以参考Github。小应用程序大幅度地削减了应用程序的开发和维护的成本，将想法的试行错误控制在最小限度。