1.直接看看官方文档中给出的说明：

如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供1.字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。2.保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。

2.举个小例子说明上述项目中的状态改变是什么意思？

1. 在某一Page的js文件中添加下述代码：

Page({data:{lines:[{"id":1,"name":"switch1"},{"id": 2,"name": "switch2"},{"id": 3,"name": "switch3"}]},})

2.在该配置的wxml文件中添加switch：

{{item.name}}

Ctrl + s 运行效果如下：

3.接下来来对上述switch做动态的改变；

在WXML文件中添加一个更新按钮，通过点击该按钮，可以添加一个switch开关，即对上述lines进行一个数据的更新：

{{item.name}}更新

运行后效果如下：

在js文件中添加相应的事件触发函数：

Page({data:{lines:[{"id":1,"name":"switch1"},{"id": 2,"name": "switch2"},{"id": 3,"name": "switch3"}]},tapEvent:function(event){var lines = this.data.lines;lines.splice(0,0,{id:4,name:'switch4'});this.setData({lines:lines})}})

tapEvent实现的功能为当点击该更新按钮后，在lines中添加一个对象{id:4,name : 'switch4'}，并对lines进行更新。

运行后，点击更新按钮，发现成功添加一个switch：

那么什么是项目中的状态改变呢？

重新运行项目，然后选中其中的一个switch：

点击更新后：

发现switch1的选中状态并没有被记录下来，这种情况下就需要用到wx:key来对指定列表中的项目进行唯一标识：

将之前的WXML代码修改如下：

{{item.name}}更新

重新运行，并选中其中的switch1：

此时点击更新按钮后，发现switch1的状态已经成功保持：

当然如果lines为[1,2,3]这种数组，那么wx:key则必须设为：

{{item.name}}更新

【注意】即使列表中的组件没有发生状态变化，也要使用wx:key。为什么？？因为效率比较高。让我们再次看到上述官方文档：

当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。

1、wx:key="property" 其中property是代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。类似于字典的key值
2、wx:key="*this"， 保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：

当数据改变触发渲染层重新渲染的时候，会校正带有key的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。

如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并希望列表中的项目保持自己的特征和状态（如 中的输入内容 的选中状态），需要使用wx:key；来指定列表中项目的唯一的标识符。

wx:key 的值以两种形式提供
1、wx:key="property" 其中property是代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。类似于字典的key值
2、wx:key="*this"， 保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：

当数据改变触发渲染层重新渲染的时候，会校正带有key的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。

wx:key

如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 中的输入内容， 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。

1. 1、wx:key="property" 其中property是代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。类似于字典的key值
   2、wx:key="*this"， 保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：

2. 当数据改变触发渲染层重新渲染的时候，会校正带有key的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。

网络的使用说明

• 域名只支持 https。包括普通 HTTPS 请求（wx.request）、上传文件（wx.uploadFile）、下载文件（wx.downloadFile) 和 WebSocket 通信（wx.connectSocket）协议

• 每个微信小程序需要事先设置一个通讯域名，小程序只可以跟指定的域名与进行网络通信。 服务器域名请在 「小程序后台-设置-开发设置-服务器域名」 中进行配置。

• 域名不能使用 IP 地址或 localhost；

• 可以配置端口，如 https://myserver.com:8080，但是配置后只能向 https://myserver.com:8080发起请求。如果向 https://myserver.com、https://myserver.com:9091 等 URL 请求则会失败。

• 如果不配置端口。如 https://myserver.com，那么请求的 URL 中也不能包含端口，甚至是默认的 443 端口也不可以。如果向 https://myserver.com:443请求则会失败。

• 域名必须经过 ICP 备案；

• 出于安全考虑，api.weixin.qq.com不能被配置为服务器域名，相关API也不能在小程序内调用。 开发者应将 AppSecret 保存到后台服务器中，通过服务器使用 getAccessToken 接口获取 access_token，并调用相关 API；

• 对于每个接口，分别可以配置最多 20 个域名。`

• 引用高德地图，腾讯地图等第三方时也需要配置相应的域名

网络请求

超时时间

• 默认超时时间和最大超时时间都是 60s；

• 超时时间可以在 app.json 中配置。

"networkTimeout": {
    "request": 20000,                //wx.request 的超时时间，单位：毫秒。
    "connectSocket":20000,    //wx.connectSocket 的超时时间，单位：毫秒。
    "uploadFile":20000,            //wx.uploadFile 的超时时间，单位：毫秒。 
    "downloadFile": 20000       //wx.downloadFile 的超时时间，单位：毫秒。
  }123456

使用限制

• 网络请求的 referer header 不可设置。其格式固定为https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid}为小程序的 appid，{version}为小程序的版本号，版本号为 0 表示为开发版、体验版以及审核版本，版本号为 devtools 表示为开发者工具，其余为正式版本；

• wx.request、wx.uploadFile、wx.downloadFile 的最大并发限制是 10 个；

• 小程序进入后台运行后（非置顶聊天），如果 5s 内网络请求没有结束，会回调错误信息 fail interrupted；在回到前台之前，网络请求接口调用都会无法调用。

返回值编码

• 建议服务器返回值使用 UTF-8 编码。对于非 UTF-8 编码，小程序会尝试进行转换，但是会有转换失败的可能。

• 小程序会自动对 BOM 头进行过滤（只过滤一个BOM头）。

回调函数

• 只要成功接收到服务器返回，无论 statusCode 是多少，都会进入 success 回调。请开发者根据业务逻辑对返回值进行判断。

常见问题
HTTPS 证书
小程序必须使用 HTTPS/WSS 发起网络请求。请求时系统会对服务器域名使用的 HTTPS 证书进行校验，如果校验失败，则请求不能成功发起。由于系统限制，不同平台对于证书要求的严格程度不同。为了保证小程序的兼容性，建议开发者按照最高标准进行证书配置，并使用相关工具检查现有证书是否符合要求。

对证书要求如下：

• HTTPS 证书必须有效；
  1. 证书必须被系统信任，即根证书被已系统内置
  2. 部署 SSL 证书的网站域名必须与证书颁发的域名一致
  3. 证书必须在有效期内
  4. 证书的信任链必需完整（需要服务器配置）

• iOS 不支持自签名证书;

• iOS 下证书必须满足苹果 App Transport Security (ATS) 的要求;

• TLS 必须支持 1.2 及以上版本。部分旧 Android 机型还未支持 TLS 1.2，请确保 HTTPS 服务器的 TLS 版本支持 1.2 及以下版本;

• 部分 CA 可能不被操作系统信任，请开发者在选择证书时注意小程序和各系统的相关通告。
  Chrome 56/57 内核对 WoSign、StartCom 证书限制周知

注：

• 证书有效性可以使用 openssl s_client -connect example.com:443 命令验证，也可以使用其他在线工具。

• 除了网络请求 API 外，小程序中其他 HTTPS 请求如果出现异常，也请按上述流程进行检查。如 https 的图片无法加载、音视频无法播放等。

跳过域名校验
在微信开发者工具中，可以临时开启 开发环境不校验请求域名、TLS版本及HTTPS证书选项，跳过服务器域名的校验。此时，在微信开发者工具中及手机开启调试模式时，不会进行服务器域名的校验。

• 在服务器域名配置成功后，建议开发者关闭此选项进行开发，并在各平台下进行测试，以确认服务器域名配置正确。

• 如果手机上出现 “打开调试模式可以发出请求，关闭调试模式无法发出请求” 的现象，请确认是否跳过了域名校验，并确认服务器域名和证书配置是否正确。

局域网通信

基础库 2.4.0 提供了 wx.startLocalServiceDiscovery 等一系列 mDNS API，可以用来获取局域网内提供 mDNS 服务的设备的 IP。 wx.request/wx.connectSocket/wx.uploadFile/wx.downloadFile的 url 参数允许为${IP}:${PORT}/${PATH}的格式，当且仅当 IP 与手机 IP 处在同一网段且不与本机 IP 相同（一般来说，就是同一局域网，如连接在同一个 wifi 下）时，请求/连接才会成功。

在这种情况下，不会进行安全域的校验，不要求必须使用 https/wss，也可以使用 http/ws。

wx.request({
  url: 'http://10.9.176.40:828'
  // 省略其他参数
})

wx.connectSocket({
  url: 'ws://10.9.176.42:828'
  // 省略其他参数
})123456789

1.直接看看官方文档中给出的说明：

如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 input 中的输入内容，switch 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:key 的值以两种形式提供1.字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。2.保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。如不提供 wx:key，会报一个 warning， 如果明确知道该列表是静态，或者不必关注其顺序，可以选择忽略。

2.举个小例子说明上述项目中的状态改变是什么意思？

1. 在某一Page的js文件中添加下述代码：

Page({data:{lines:[{"id":1,"name":"switch1"},{"id": 2,"name": "switch2"},{"id": 3,"name": "switch3"}]},})

2.在该配置的wxml文件中添加switch：

{{item.name}}

Ctrl + s 运行效果如下：

3.接下来来对上述switch做动态的改变；

在WXML文件中添加一个更新按钮，通过点击该按钮，可以添加一个switch开关，即对上述lines进行一个数据的更新：

{{item.name}}更新

运行后效果如下：

在js文件中添加相应的事件触发函数：

Page({data:{lines:[{"id":1,"name":"switch1"},{"id": 2,"name": "switch2"},{"id": 3,"name": "switch3"}]},tapEvent:function(event){var lines = this.data.lines;lines.splice(0,0,{id:4,name:'switch4'});this.setData({lines:lines})}})

tapEvent实现的功能为当点击该更新按钮后，在lines中添加一个对象{id:4,name : 'switch4'}，并对lines进行更新。

运行后，点击更新按钮，发现成功添加一个switch：

那么什么是项目中的状态改变呢？

重新运行项目，然后选中其中的一个switch：

点击更新后：

发现switch1的选中状态并没有被记录下来，这种情况下就需要用到wx:key来对指定列表中的项目进行唯一标识：

将之前的WXML代码修改如下：

{{item.name}}更新

重新运行，并选中其中的switch1：

此时点击更新按钮后，发现switch1的状态已经成功保持：

当然如果lines为[1,2,3]这种数组，那么wx:key则必须设为：

{{item.name}}更新

【注意】即使列表中的组件没有发生状态变化，也要使用wx:key。为什么？？因为效率比较高。让我们再次看到上述官方文档：

当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。

1、wx:key="property" 其中property是代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。类似于字典的key值
2、wx:key="*this"， 保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：

当数据改变触发渲染层重新渲染的时候，会校正带有key的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。