微信小程序开发

1、 个人资料

app。Json是当前小程序的全局配置，包括小程序的所有页面路径、界面表示、网络超时和底部选项卡。

每个配置项的含义：

1.页面：当前小程序的所有页面路径

2.窗口：小程序所有页面的顶部背景色和文本颜色定义

3.选项卡栏：底部选项卡栏的性能

4.子包：加载子包。它们在施工过程中被包装成不同的子包装，在使用过程中根据需要进行装载。默认情况下，将下载主包，并启动主包的内部页面。当用户在分包合同中输入页面时，客户端将下载相应的分包合同，并在下载完成后显示

项目配置。Json是一个工具配置文件，在该工具上进行的任何配置都将写入该文件。当您重新安装该工具或将计算机更改为工作时，只需加载同一项目的代码包，开发人员工具将自动帮助您恢复开发项目时的个性化配置，包括编辑器颜色、上传代码时自动压缩等一系列选项。

形象

2、 文档类型

1.JSON公司

配置文件和JSON文件用花括号{}包装。数据由键值表示。JSON键必须用双引号括起来。不能使用注释。

2.WXML

模板文件类似于HTML，由标签、属性等组成。

3.工作台

样式文件具有CSS的大部分特性。

1） 新尺寸单位rpx

2） 提供了全球风格和本地风格。全球风格的app。wxss将作用于小程序的所有页面，本地样式页面wxss仅对当前页面有效

4英寸

页面交互逻辑，例如响应用户的点击并获取用户的位置。您可以在JS中调用小程序提供的API，例如获取用户信息、本地存储、微信支付等。

微信原生API有以下类型：

1） 事件侦听器API

以on开头的API用于侦听事件是否被触发，例如：wx OnCompassChange，它接受回调函数作为参数。当事件被触发时，回调函数将被调用，数据将作为参数传入。

wx。onCompassChange（函数（res）{

控制台.log（res.direction）

})

2） 同步API

以Sync结尾的API是同步API，例如wx SetStorageSync，其执行结果可以通过函数的返回值直接获得。如果发生错误，将引发异常。

尝试{

wx。setStorageSync（'key'，'value'）

}捕获（e）{

控制台错误（e）

}

3） 异步API

大多数API都是异步的，例如wx。这种类型的API接口通常接受Object类型参数。

wx.登录({

成功（res）{

控制台.log（res.code）

}

})

当接口参数Object对象不包含成功/失败/完成时，默认返回promise；否则，它仍将作为回调执行，没有返回值。

3、 小程序的运行环境

形象

小程序的运行环境分为渲染层和逻辑层。WXML模板和WXSS样式在渲染层工作，JS脚本在逻辑层工作。

渲染层的界面使用WebView进行渲染；逻辑层使用JsCore线程来运行JS脚本。小程序有多个接口，因此渲染层中有多个WebView线程。这两个线程之间的通信将通过微信客户端Native进行中继，逻辑层发送的网络请求也将通过Native转发。

从打开小程序到显示第一页的过程：

1.微信客户端会在打开小程序之前将整个小程序的代码包下载到本地。

2.小程序启动后，单击app。将执行js中定义的app实例的onLaunch回调：

app({

onLaunch:函数（）{

//小程序启动后触发

}

})

3.通过app json的pages字段可以告诉小程序的页面路径。页面字段的第一个路径是小程序的主页。

{

“页面”：[

“页面/索引/索引”，

“页面/日志/日志”

]

}

4.微信客户端加载主页的代码。页面/索引/索引包含四种类型的文件。微信客户端将首先根据索引加载代码。json配置生成一个接口。顶部颜色和文本可以在json文件中定义。然后，客户端将加载页面的WXML结构和WXSS样式。最后，客户端将加载index.js：

第页({

数据：｛//页面呈现中涉及的数据

用户：“”

},

onLoad:函数（）{

//页面呈现后执行

}

})

Page是一个页面生成器。生成页面时，小程序框架将使用数据和索引Wxml一起呈现主页