微信小程序开发总结与经验

0前言

最近，工作重点放在了小程序上，开发了几个小程序。我对小程序开发过程和相关技术比较熟悉。我还总结了一些经验，学到了一些小程序文档中没有的东西，并踩下了开发过程中的一些陷阱。所以我想写一篇文章来记录和整理小程序开发的相关知识，以供将来参考，这也作为我工作的阶段总结。同时，我希望我们能通过文章结识更多的朋友，多交流，互相学习，共同进步。另外，如果文章中有任何错误，我希望你能指出并给我一些建议。

1微信小程序的基本知识和概念

微信小程序开发非常容易入门，只需查看官方文件即可。如何申请小程序帐户，如何开发您的第一个小程序，以及如何发布它。这一系列官方hello world操作文档有实际操作说明。功能文档中提供了小程序开发的每个步骤。我个人认为，在进行小程序开发时，我应该随时查看文档，因为小程序更新相对较快，我们可能会错过一些小功能，所以我应该多查看文档。

1.1简要描述目录结构和app.json

文件目录结构灵活

让我们看看applet项目的文件目录结构

文件目录结构

除了app Json必须位于根目录中，其他文件可以随意删除。页面文件可以放在哪里，只要它在app中。它可以在json中的页面中配置。可以说，它非常灵活。你也可以将多个页面放在同一个文件夹中（我相信你不会这样做，所以为什么要浪费自己）。

形象

接下来，我们将简要介绍以下文件：

全局配置文件app.json

对于小程序项目，最重要的文件是app Json，它也是开发工具识别文件夹是否为小程序项目的标识符。当使用开发人员工具创建项目时，如果选择一个空文件夹，它将创建一个新项目。如果是一个包含文件的文件夹，它将检查文件夹中是否有app。如果有jon文件，它将被视为一个小程序项目，该项目将被打开。如果没有app。json文件，它将提示无法创建项目。

形象

app。Json必须放在项目的根目录中，这是小程序项目的全局配置文件。小程序代码包准备好启动后（下面将详细描述从用户点击打开小程序到小程序销毁的整个过程），将首先读取app。json文件用于小程序的初始试用，例如初始化整个小程序的大纲样式、获取主页地址等。

事实上，小程序是微信提供的容器，所有页面都在其中加载、运行和销毁

以下描述了以下小程序的全局配置选项：

小心：

所有配置项密钥必须用双引号括起来。字符串类型的值也必须用双引号括起来。不支持单引号

由于小程序的功能迭代非常快，基本库版本更新非常快，下面是库2.4.0的最新版本

页

“页面”：[

“页面/索引/索引”，

“页面/日志/日志”

]

在app In json中，必须配置pages选项。此配置项注册小程序所有页面的地址，每个页面都是页面的路径+文件名。配置的字符串实际上是每个页面的wxml路径。wxml后缀已删除。因为框架会自动找到。json等，。js、，。wxml和。集成路径下的wxss文件。这意味着的文件名。json等，。js和。wxss必须与一致。wxml，否则它们将不会生效。因此，页面必须至少具有.wxml文件。

摘要：

这个json等，。js和。页面的wxss文件必须与同名。wxml文件，否则它们将不会生效

每个页面必须在页面下注册。如果没有注册的页面，如果未访问，编译可以通过。尝试访问页面后，将报告错误

通过在Pages下添加一个选项，您可以快速创建一个新页面，开发工具将自动生成相应的文件

窗

“窗口”：{

“启用下拉刷新”：true，

“navigationStyle”：“自定义”

}

此配置项用于配置小程序的全局外观样式。有关详细信息，请参阅文档。这里我们再关注两个p