Mingzhiyun 小程序官方网站：小程序开发入门指南-前端一、开发前的准备工作开发环境：微信官方开发工具。申请Appid：在关联公司或个人申请Appid之后，您可以调试和预览实际设备，否则只能在开发工具中调试。记录域名和证书：微信小程序仅支持https协议，因此必须将域名与证书绑定，才能在正式启动后使用该证书。二、项目结构微信小程序底层借鉴了React框架的思想，整个开发围绕组件开发和数据绑定展开，这与传统的jQuery开发逻辑不同。在开发工具中创建一个项目，选择quickstart选项，将自动生成该项目的框架，并添加部分代码。如图所示，.wxss后缀是样式文件，类似于css。整个文件的写入语法与css相同。 .js后缀是一个脚本文件，与传统的前端开发js文件相同。 .json后缀文件是配置文件。 ，页面的相关配置被写入此文件。这些文件将在输入小程序后运行并生成小程序实例。让我们简要地研究这三个文件的作用。1、app.js是小程序的脚本代码。在此文件中，我们可以监视和处理小程序的生命周期函数，声明全局变量，建立一些用于登录和获取用户信息的全局方法，以及读取，写入和存储本地数据。

2、app.json是整个小程序的全局配置。在此文件中，我们可以注册每个页面，设置小程序窗口的背景颜色和导航文本，以及设置小程序的标签页。3、app.wxss是整个小程序的公共样式表。它是全局的，页面中的所有元素都可以直接使用文件中的样式规则。 Ming Zhiyun 小程序官方网站：Pages文件夹包含每个页面的文件夹，而utils是常规工具的文件夹。我们在小程序中看到的每个页面都放置在pages文件夹中。三、页面文件结构例如，如果我们要编写一个称为charge的充值页面，则必须首先在app.json文件中注册该页面，然后在页面中创建一个名为charge的新文件夹，该文件夹必须包含四个两个文件：charge.wxml，charge.wxss，charge.js和charge.json。这四个文件是必不可少的，除了后缀之外的其他名称必须完全一致。 .wxml后缀文件是页面的结构，类似于传统前端开发的html文件。 .wxss是页面的样式文件，.js是页面的脚本文件，.json是页面的配置文件。一个简单的.wxml文件的代码如下：编写结构与html文件非常相似，微信小程序仅重新定义标签定义，但是在小程序中，每个标签都是一个组件。根据官方文档，我们可以快速找到该组件的通用标签文字和相应的属性。

小程序支持wxml文件中的数据绑定，使用“ {{}}”完成绑定。相应的数据可以写在js文件中。同时，小程序还支持条件渲染和列表渲染。让我们看一下js页面的简单结构：在js文件中，我们可以声明绑定数据，监视和处理页面的生命周期函数，定义页面的交互事件，获取小程序实例并调用实例方法。 小程序的js文件，内置对象是Page，而不是浏览器的内置窗口对象。因此，不能在小程序中使用所有基于窗口对象的库或插件（例如jQuery）。此外，小程序中没有文档对象。所有DOM操作都将根据绑定数据进行更改，并且DOM操作无法直接在脚本中执行。熟悉Angular，React或Vue的朋友应该能够轻松理解此设计。需要注意的是，如果页面不需要新的配置项，则该页面还必须包含一个.json文件，并且文件中必须至少包含一个大括号（例如“ {}”），否则将报告错误。 。这样，我们已经处理了页面。每个页面都可以用这种方法开发，但是请记住在app.json文件中注册该页面，否则它将无效。 Mingzhiyun 小程序官方网站：四、与后端网络进行通信该请求是开发中必不可少的链接，微信小程序的网络请求有一些需要注意的地方。

#wxreq uestobject这是正式的wx.request（OBJECT）网络请求API文档。代码示例如下。首先，微信小程序请求都是HTTPS请求，其次，content-type默认为'application / json''，需要注意content-type的设置，地址url中必须没有端口，并且确保服务器的TLS版本支持1.2及以下版本。该官员没有指出的是微信小程序的请求没有自己的会话。这不同于传统浏览器的前端开发。您将在实际开发中找到它。因此，我们还必须使用一些开发技巧来保存相关会话，并在网络要求时将其发送到后台。五、手机预览将您的微信号码绑定到小程序个相应的AppId开发人员，您可以扫描预览。