微信小程序开发-入门

前段时间，我有了做一个明细账小程序的想法，所以我去学习下一个小程序的开发。

开发小程序并不难。门槛很低。本质上，它是另一个前端平台的开发，如网页和手机软件，但它是在微信定义的框架内完成的。微信中有一些独特的功能，例如获取用户的基本信息、登录和分享到微信群。微信提供了非常详细的文档，互联网上有很多可用的组件。总体感觉是，它将比开发网页和手机软件更简单，这大大降低了了解一点技术并想尝试的人的想法难度。

要开发一个小程序，你首先应该了解小程序在微信中的工作原理，它的生命周期是什么样的，页面加载和路由。然后你可以试试。

开发模式可分为两种：简单型和豪华型

简单的开发

简单，就像字面意思一样，是一种相对简单直接的开发方法，没有一些花哨的操作。

每个小程序的页面由四个文件协调以完成功能：

这个wxml文件与html类似，主要用于构建页面结构、包含哪些组件以及它们之间的关系。例如，它包含一个按钮。

这个wxss文件类似于css，用于描述页面显示样式，并确定如何在wxml中显示组件和结构。例如，按钮是什么颜色。

这个js文件和web页面开发js用于处理一些事件，例如单击按钮时发生的事情。

这个json文件定义了某些小程序中特定内容的显示，例如每个页面的名称。

此外，还有appJs和appJson用于对整个小程序进行全局配置和事件处理。

几乎所有这些内容。对于那些有前端基础的人来说，需要一分钟的时间来尝试。

简单的开发存在问题。每次开发页面时，都会创建四个文件。在这些文件之间切换非常麻烦。例如，要修改按钮，首先转到wxml以调整页面的结构位置，然后转到wxss以调整颜色，然后转到js以设置单击后发生的情况。一个页面很好，但当页面更多时，文件太多，这很麻烦，所以豪华风格有它的位置。

奢侈品开发

豪华开发使用微信开发的小程序开发框架Wepy，这在很大程度上解决了简单的问题。还有一些其他优点：

Wepy借用了Vue，因此其开发模式与Vue基本相同。

每个页面只需要定义一个.wpy文件，然后一个类似于Vue、html、css和js的页面都在这个文件中，从而简化了开发。

开发完成后，wepy可以通过编译自动使用wpy文件为每个页面生成四个普通页面。

Wepy使小程序开发更易于组件化。

...

对于具有Vue或React技能的朋友，他们基本上可以无缝开始。开发效率也将比简单样式快得多。

在学习过程中，我们还尝试使用Wepy来模仿其他人的实现，并简单地实现了一个具有可在本地运行的测试后端的时尚商城。感兴趣的朋友可以参考。

小程序使app开发和维护的成本低得多，想法的试错成本也低得多。

如果你有主意，你应该试试。