本文小编将为大家详细介绍“如何快速开发小程序”。 内容详细，步骤清晰，细节处理得当。 希望这篇《如何快速开发小程序》这篇文章能够帮助您解决疑惑。 让我们跟随小编的思路吧。 慢慢深入，一起学习新知识。

注册小程序账号并下载IDE

官方文档永远是最好的学习材料。

注意：

（1）注册账号后，会有一个，新建项目时需要填写，否则很多功能无法使用，比如预览、代码上传等。

（2）如果您注册了微信公众号，请注意微信公众号和小程序是两个不同的账号。 小程序必须使用小程序来开发。

小程序框架介绍及运行机制

1、我们创建了一个“通用快速启动模板”，整个项目目录如下：

2.app.js

整个项目的启动文件，如注释中写的方法，主要有三大功能：浏览器缓存，存储和检索数据； 登录成功回调； 并获取用户信息。

它是定义整个项目的全局变量或常量。

3.app.JSON

整个项目的配置文件，比如注册页面、配置tab页面、设置整个项目的风格、页面标题等；

！注意：小程序启动时默认的首页是app.json中的首页。

4.

小程序的页面组件每一个页面都会有几个子文件夹。 例如，快速入门模板有两个页面，日志

5.打开目录

可以看到有3个文件，其实和我们的Web开发文件是一一对应的。

.wxml对应.html；

.wxss对应.CSS；

.js 是一个js 文件。

一般我们还会为每个页面组件添加一个.json文件，作为页面组件的配置文件，并设置页面标题等功能。

6.双击.js文件

(1)var app = ();

引入整个项目的app.js文件，用于获取公共变量等信息。

如果想使用util.js工具库中的方法，可以在util.js中导出，然后在需要的页面获取。

（2）比如，当我们想要获取豆瓣电影时，需要调用豆瓣的api； 我们首先在app.js中定义它

然后在.js中使用app..来获取这个值。

当然，您也可以在页面需要时对这些常量使用硬编码值。 但为了整个项目的维护，建议将此类通用参数写在配置文件中。

（3）接下来整个页面（{}）中，第一个数据是这个页面的组件内部数据，会渲染到页面的wxml文件中，类似Vue，~

通过修改data数据来驱动页面渲染

(4)一些生命周期函数

例如()、()、()、()等，监听页面加载、页面初始渲染、页面显示、页面隐藏等。

更多信息可以查看官网API。 最常用的是()方法和()方法（设置页面共享的信息）

7.wxml模板的使用。

比如本项目的电影页面，使用最小的星级组件wxml作为模板，从star到-list，一层层嵌套。

在star-.wxml页面写入name属性； 然后导入的时候通过name获取

8.常用的wxml标签

view、text、icon、、、-view等，这些标签可以直接查看官网文档。

小程序框架、各页面及发布上线注意事项

1.整个框架需要注意的一些点

(1)整个wxml页面的底部标签是。

（2）每个页面顶部导航栏的颜色是在本页面的json中配置的。 如果未配置，则使用 app.json 中的总配置。

（3）注释不能写成json，否则会报错。

(4)路由相关

1）如果你使用wx. 跳转标签页，除了注册页面外，还需要在app.json中注册标签页才能生效。

注意：最多有5个选项卡，也就是我们所说的顶部或底部最多5个菜单。 其他页面只能通过其他路由方式打开。

2）跳转到非标签页，如欢迎页面、电影详情页面、城市选择页面； 在app.json中注册后，就不能在里面注册了，否则无法跳转。

3）跳跃。 新打开的页面左上角没有返回按钮。 该项目仅在切换城市时使用一次。

(5)页面间传递参数

将参数写入重定向的URL中，然后另一个页面接收方法中传递的参数。 通过并获取id如下

(6)使用以数据开头的自定义属性-

比如我们在wxml中怎么写

点击事件对象可以这样取，var = ...;

注意：大写字母将转换为小写字母，_ 符号将转换为驼峰式大小写。

(7)事件对象、事件对象的区别。 和 。：

指的是当前点击的组件，指的是事件捕获的组件。

例如，应该绑定轮播组件的事件，这样就可以监听是否有图片被点击。

此时指的是（因为点击的是图片上），指的是（因为上面绑定了点击事件）

(8)使用免费网络接口：

本项目使用了天气API、腾讯地图API、百度地图API、豆瓣电影API、头条新闻聚合API等，具体使用请参考各自官网的接口文档，非常详细。

注意：免费接口有访问限制，所以如果你用这个接口与别人的组件配合使用，最好自己注册一个新的密钥并替换。

看完这篇《如何快速开发小程序》这篇文章就介绍完了。 如果你想掌握本文的知识点，需要你自己去实践一下，才能理解。 如果您想了解更多相关内容的文章，欢迎关注编程网精选频道。