还没有任何记录...
微信小程序的ajax数据请求wx.request
作者： 懒人建站
微信小程序的ajax数据请求，很多同学找不到api在哪个位置，微信小程序的请求就是wx.request这个api，微信小程序中使用fetch做ajax请求
的ajax数据请求，很多同学找不到api在哪个位置，这里单独把小程序的ajax请求给列出来，的请求就是wx.request这个api，wx.request(一些对象参数)，微信小程序不同于浏览器的ajax请求，可以直接跨域请求不用考虑跨域问题。
使用小程序官方提供的数据请求api发起数据请求
wx.request(OBJECT)
wx.request发起的是https请求。一个微信小程序，同时只能有5个网络请求连接。
OBJECT参数说明：
开发者服务器接口地址
Object、String
请求的参数
设置请求的 header , header 中不能设置 Referer
默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
收到开发者服务成功返回的回调函数，res = {data: '开发者服务器返回的内容'}
接口调用失败的回调函数
接口调用结束的回调函数（调用成功、失败都会执行）
示例代码：
wx.request({
url: 'test.php',
x: '' ,
y: ''
'Content-Type': 'application/json'
success: function(res) {
console.log(res.data)
微信小程序中使用fetch做ajax请求
fetch是一种新的ajax请求规范，经测试，fetch在小程序中也是支持的，测试ajax请求代码如下：
then中带代码是测试，这里是节选了小部分代码，实际使用需要自行修改。
fetch('/json.php?typeid=34&page=1&pagesize=10')
.then(function(response){
if(response.status==200){
that.data.page++;
return response.json();
}).then(function(data){
console.log(data);
//更新数据
that.setData({
listArr:that.data.page==1 ? data : that.data.listArr.concat(data)
console.log(that.data.listArr);
了解更多fetch相关知识：
本文链接：/xiaochengxu/wx_request.html
微信小程序的ajax数据请求wx.request由懒人建站收集整理，您可以自由传播，请主动带上本文链接
就是免费分享，觉得有用就多来支持一下，没有能帮到您，懒人也只能表示遗憾，希望有一天能帮到您。
(责任编辑：懒人建站)
微信小程序的ajax数据请求wx.request-相关文章
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）面对20位女生的贴心祝福，围观男生无比羡慕嫉妒恨。
女司机：粉丝会说你还是很厉害。我觉得会很掉粉。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
#微信应用号官方IDE
##下载声明
* 相关代码纯属技术研究与爱好，请在学习使用后删除
* 相关下载资源均来自于QQ群，与作者及贡献者本人无关
* 当微信官方提供正式版本后，请支持微信官方，一起把应用号做的更好
##相关资源
* 开发群：
* 一群（ ）（快满）
微信群：进QQ群看
* 开发工具 v0.7
* 百度: /s/1pLxqFzH （密码: bwt9）
* 360: /ckvTYFHWzYYFV （提取码：e09b）
* 开发工具 v0.9
* 百度: /s/1pLTKIqJ （密码: iswg）
* 360: /ckvXjEbnFYMSC （提取码：f9ca）
* Demo源代码
* 百度: /s/1o8hJFuU （密码: bsky）
* 360: /ckvXAacJjvsgR （提取码：3327）
##贡献者名单
感谢大家的贡献！
| 时间 | 贡献者 | 贡献内容 |
|--------|------------|---------------|
| importcjj | 去除调用接口必须在mp后台配置的限制 |
| AlayshChen | 去除请求URL域名限制 |
| qdsang | 解决无法创建App问题 |
| loulin | 补充常见问题 |
| fakefish | 修复0.7下载链接 |
| QFish | 补充常见问题 |
##破解步骤
***Mac测试可用，Windows测试可用***
1. 下载开发工具，并安装（***注意：一定要安装0.9版本***）
2. 打开『微信Web开发者工具』的程序目录
* Windows：使用资源管理器查看
* Mac：右键点击图标，选择『显示包内容』
3. 进入程序目录后，替换以下文件（只需要替换0.9版本里的，0.7版本用来登陆）：
* Windows：
* \package.nw\app\dist\components\create\createstep.js
* \package.nw\app\dist\stroes\projectStores.js
* \package.nw\app\dist\stroes\windowStores.js
* \package.nw\app\dist\weapp\appservice\asdebug.js
* Mac：
* /Resources/app.nw/app/dist/components/create/createstep.js
* /Resources/app.nw/app/dist/stroes/projectStores.js
* /Resources/app.nw/app/dist/stroes/windowStores.js
* /Resources/app.nw/app/dist/weapp/appservice/asdebug.js
注意，这里微信工程师拼写错了，***是stroes没错***！！！
**[替换的文件点击这里下载](/gavinkwoe/weapp-ide-crack/archive/master.zip)**
4. Good luck
##扫码无法登录问题 please bind your wechat account to the appid first
* 先使用0.7版本[[Windows](/WechatWebDev/release/0.7.0/wechat_web_devtools_0.7.0_x64.exe)|[Mac] (/WechatWebDev/release/0.7.0/wechat_web_devtools_0.7.0.dmg)]的进行扫码登陆
* 登陆成功后，再用[0.9版本](/s/1pLTKIqJ)打开就直接进入了
##项目创建
1. 运行『微信Web开发者工具』
2. 通过微信扫描二维码
3. 创建项目
* AppID：随便填
* 项目名称：随便填
* 本地开发目录：选择一个目录
4. 点击「添加项目」
* 此时如果出错，先退出再重进
* 此时，能够看到项目列表了
5. 打开项目
6. 开始开发
7. Good luck
##学习资料
* NoteDown版本
* 框架入门
* /framework/MINA.html
* 组件入门
* /component/
* API入门
* /api/
##Demo运行
* 创建项目
* 打开项目所在目录
* 下载「Demo源代码」并解压覆盖
* 打开项目
* Good luck
##常见问题
1. 找不到所要替换的文件
* 问题原因：开发工具版本不正确，老版本不支持
* 解决方案：确保下载的程序版本在0.9.092100以上
2. Failed to load resource: net::ERR_NAME_NOT_RESOLVED http://.appservice.open./appservice
* 问题原因：通常是由于系统设置了代理如Shadowsocks等。
* 解决方案：关闭代理，或者依次点击工具栏“动作”-&设置&，选择“不使用任何代理，勾选后直连网络”。
3. 修复asdebug.js报错
* 问题原因：TypeError: Cannot read property 'MaxRequestConcurrent' of undefined
* 解决方案：替换 /Resources/app.nw/app/dist/weapp/appservice/asdebug.js
4. 扫码登录失败
* 问题原因：please bind your wechat account to the appid first
* 解决方案：先使用0.7版本的进行扫码登陆，登陆成功后，再用0.9的版本打开就直接进入了。
* 0.7版本地址：/WechatWebDev/release/0.7.0/wechat_web_devtools_0.7.0.dmg
##工具截图
##相关链接
http://www.
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
专注孩童早期陪玩教育，孩童出行攻略分享，家长早教理念纠正。...
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：微信小程序设置http请求的步骤详解
(window.slotbydup=window.slotbydup || []).push({
id: '2611110',
container: s,
size: '240,200',
display: 'inlay-fix'
您当前位置： &
[ 所属分类
作者 红领巾 ]
http请求介绍HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后Web服务器返回响应(response)，连接就被关闭了，在服务器端不保留连接的有关信息.HTTP遵循请求(Request)/应答(Response)模型。Web浏览器向Web服务器发送请求，Web服务器处理请求并返回适当的应答。所有HTTP连接都被构造成一套请求和应答。微信小程序设置http请求在微信小程序进行网络通信，只能和指定的域名进行通信，微信小程序包括四种类型的网络请求。&&&& 1、普通HTTPS请求(wx.request)&&&& 2、上传文件(wx.uploadFile)&&&& 3、下载文件(wx.downloadFile)&&&& 4、WebSocket通信(wx.connectSocket)这里以介绍wx.request,wx.uploadFile,wx.dowloadFile三种网络请求为主设置域名要微信小程序进行网络通信，必须先设置域名，不然会出现错误:URL 域名不合法，请在 mp 后台配置后重试需要在微信公众平台的小程序中设置域名。在微信小程序的设置界面可以看到设置选项：设置选择开发设置：开发设置可以看到服务器设置:服务器设置在这里可以设置对应四种网络访问的域名，每一种类型的网络请求需要设置一个域名，注意如果在这里设置域名为/api/,那么/api是无法调用的，必须加上后面/。http请求使用wx.request可以发起一个http请求，一个微信小程序被限制为同时只有5个网络请求。function queryRequest(data){
wx.request({ url:"/api/", data:data, header:{ // "Content-Type":"application/json" }, success:function(res){ console.log(res.data) }, fail:function(err){ console.log(err) } })}上面的代码会发送一个http get请求，然后打印出返回的结果。其中的参数也比较容易理解。&&& url 服务器的url地址&&&&data 请求的参数可以采用String data:"xxx=xxx&xxx=xxx"的形式或者Object data:{"userId":1}的形式&&&&header 设置请求的header&&& success 接口成功的回调&&&&fail 接口失败的回调另外还有两个参数没有在代码里:&&&& method http的方法,默认为GET请求&&&& complete 调用接口结束之后的回调，无论成功或者失败该接口都会被调用上传文件上传文件的api为wx.uploadFile，该api会发起一个http post请求，其中的Content-type为multipart/form-data。服务器端需要按照该Content-type类型接收文件,示例代码：function uploadFile(file,data) { wx.uploadFile({ url: '/upload', filePath: file, name: 'file', formData:data, success:function(res){ console.log(res.data) }, fail:function(err){ console.log(err) } })}其中的url，header，success，fail以及complete和普通的http请求是一样的。这里有区别的参数是:&&&& name文件对应的key，服务器端需要通过name参数获取文件&&&& formData http请求中可以使用的其他参数下载文件下载文件的api为wx.downloadFile,该api会发起一个http get请求，并在下载成功之后返回文件的临时路径，示例代码：function downloadFile(url,typ,success){ wx.downloadFile({ url:url, type:typ, success:function(res){ if(success){ success(res.tempFilePath) } }, fail:function(err){ console.log(err) } })}其中的url,header,fail,complete和wx.uploadFile的参数使用是一致的，其中有区别的参数是:&&&& type:下载资源的类型，用于客户端自动识别，可以使用的参数image/audio/video&&&& success：下载成功之后的回调，以tempFilePath的参数返回文件的临时目录：res={tempFilePath:'文件路径'}下载成功后的是临时文件，只会在程序本次运行期间可以使用，如果需要持久的保存，需要调用方法wx.saveFile主动持久化文件，实例代码:function svaeFile(tempFile,success){ wx.saveFile({ tempFilePath:tempFile, success:function(res){ var svaedFile=res.savedFilePath if(success){ success(svaeFile) } } })}使用wx.saveFile保存临时文件到本地，提供给小程序下次启动时使用，其中的参数：tempFilePath 需要被保存文件的路径success 保存成功的回调，返回保存成功的路径，使用res.savedFilePath可以获取保存成功的路径fail 失败的回调complete结束的回调超时的设置可以在app.js中设置networkTimeout可以设置四种类型网络访问的超时时间："networkTimeout":{ "request": 10000, "connectSocket": 10000, "uploadFile": 10000, "downloadFile": 10000}这里设置的超时时间对应着四种类型的网络请求。总结以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
本文开发（php）相关术语:php代码审计工具 php开发工程师 移动开发者大会 移动互联网开发 web开发工程师 软件开发流程 软件开发工程师
转载请注明本文标题：本站链接：
分享请点击：
1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责；
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性，不作出任何保证或承若；
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
既然降生到这世上，我就要好好看看它，找到属于自己的世界第一。
手机客户端
，专注代码审计及安全周边编程，转载请注明出处：http://www.codesec.net
转载文章如有侵权，请邮件 admin[at]codesec.net微信小程序——配置
&&&&&&&以下就是小编对小程序配置的资料进行的系统的整理，希望能对开发者有帮助。
我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
以下是一个包含了所有配置选项的简单配置app.json ：
"pages": [
"pages/index/index",
"pages/logs/index"
"window": {
"navigationBarTitleText": "Demo"
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首页"
"pagePath": "pages/logs/logs",
"text": "日志"
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
"debug": true
app.json 配置项列表
设置页面路径
设置默认页面的窗口表现
设置底部 tab 的表现
networkTimeout
设置网络超时时间
设置是否开启 debug 模式
接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。
文件名不需要写文件后缀，因为框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。
如开发目录为：
pages/index/index.wxml
pages/index/index.js
pages/index/index.wxss
pages/logs/logs.wxml
pages/logs/logs.js
则，我们需要在 app.json 中写
"pages/index/index"
"pages/logs/logs"
用于设置小程序的状态栏、导航条、标题、窗口背景色。
navigationBarBackgroundColor
导航栏背景颜色，如"#000000"
navigationBarTextStyle
导航栏标题颜色，仅支持 black/white
navigationBarTitleText
导航栏标题文字内容
backgroundColor
窗口的背景色
backgroundTextStyle
下拉背景字体、loading 图的样式，仅支持 dark/light
注：HexColor（十六进制颜色值），如"#ff00ff"
如 app.json ：
"window":{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
如果我们的小程序是一个多 tab 应用（客户端窗口的底部有tab栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。
tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。
属性说明：
tab 上的文字默认颜色
selectedColor
tab 上的文字选中时的颜色
backgroundColor
tab 的背景色
borderStyle
tabbar上边框的颜色， 仅支持 black/white
tab 的列表，详见 list 属性说明，最少2个、最多5个 tab
其中 list 接受一个数组，数组中的每个项都是一个对象，其属性值如下：
页面路径，必须在 pages 中先定义
tab 上按钮文字
图片路径，icon 大小限制为40kb
selectedIconPath
选中时的图片路径，icon 大小限制为40kb
networkTimeout
可以设置各种网络请求的超时时间。
属性说明：
wx.request的超时时间，单位毫秒
connectSocket
wx.connectSocket的超时时间，单位毫秒
uploadFile
wx.uploadFile的超时时间，单位毫秒
downloadFile
wx.downloadFile的超时时间，单位毫秒
可以在开发者工具中开启 debug 模式，在开发者工具的控制台面板，调试信息以 info 的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发 。 可以帮助开发者快速定位一些常见的问题。
每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多，只是设置 app.json 中的 window 配置项的内容，页面中配置项会覆盖 app.json 的 window 中相同的配置项。
页面的.json只能设置 window 相关的配置项，以决定本页面的窗口表现，所以无需写 window 这个键，如：
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
欢迎转载：
推荐： & 写个微信小程序项目练练手
写个微信小程序项目练练手
学会一项开发技能最快的步骤就是：准备，开火，瞄准。最慢的就是：准备，瞄准，瞄准，瞄准&& 因为微信小程序比较简单，直接开撸就行，千万别瞄准。 地址： 功能介绍 功能比较简单，调用了即时查询空气质量。 我计划多加一些功能，争取把微信小程序提供的功能全用一遍。 也许你可以学到的东西 1）的优先级 代码见: /pages/air_quality/result.wxss 2）页面跳转,数据的传递 /pages/air_quality/air_quality.js ../result.js common/utils.js 3）网络请求 /pages/air_quality/air_quality.js 4）样式统一 程序的配置 参考 app.wxss app.json 5）modal显示和隐藏 /pages/air_quality/air_quality.wxml ../air_quality.js 6）状态机 事件绑定等等 css优先级 微信样式文件，其实就是css样式做了个加减法，就变成了wxss文件。 其中增加了一个单位 rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。不是绝对像素，类似Android中的dp单位。参考 除去上面的，剩下的wxss和css大部分还是一样的，包括样式选择的优先级。 原则一： 继承不如指定 原则二： #id & .class & 标签选择符 原则三：越具体越强大 原则四：标签#id &# 标签.class & .class CSS优先级权重计算法 CSS优先级包含四个级别（标签内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数! 根据这四个级别出现的次数计算得到CSS的优先级。 CSS优先级的计算规则如下： * 元素标签中定义的样式（Style属性）,加1,0,0,0 * 每个ID选择符(如 #id),加0,1,0,0 * 每个Class选择符(如 .class)、每个属性选择符(如 [attribute=])、每个伪类(如 :hover)加0,0,1,0 * 每个元素选择符（如p）或伪元素选择符(如 :firstchild)等，加0,0,0,1 然后，将这四个数字分别累加，就得到每个CSS定义的优先级的值， 然后从左到右逐位比较大小，数字大的CSS样式的优先级就高。 啰嗦了这么多 ,不如直接看例子，项目中result.wxml文件中布局:
&class=&page&&&
&&&&&class=&container&&style=&align-items:¢er&&&
&&&&&&&&&&&
&&&&&&&&&class=&text_area&&&
&&&&&&&&&&&
&&&&&&&&&&&&查询城市:&{{city}}&&
&&&&&&&&&&
&&&&&&&&&&&&&
&&&&&&&&&&
&& 其中class=&page&中的page定义样式有:
.page&{&&&&
&&&&...&&&&
&&&&font-size:&32&&&&
} Text标签也指定了font-size样式
text&{&&&&
&&&&font-size:&34&&&&&
} 当前位置由于 class page中指定了font-size,Text标签也制定了该属性， 虽然标签优先级不如class高, 但是原则一:继承不如指定，所以34rpx生效。 页面的跳转 再小的程序，一个界面也不太够用，跳转界面还是必须的。 微信提供了，当用户按下该组件时跳转，这属于静态跳转，类似网页中的a标签; 也可以在触发某些事件时，通过 跳转界面，这种做法比较灵活。
wx.navigateTo(&{&&&&
&&&&&&url:util.createURL(&&./result&,&res.data.retData),&&
});&& 路径后面可以通过? 拼装要传递的数据, 类似网络中get请求拼装url一样。 上面createURL就是我写的一个工具方法 ，在项目的common/utils.js文件中。
function&createURL(&url,&obj&)&{&&
&&let&props&=&&&;&&
&&let&resultURL=&&;&&&&
&&for(let&p&in&obj){&&&&
&&&&if(obj[p])&&
&&&&props+=&&&&+p&+&&=&&+&obj[p];&&&&
&&resultURL=url+&?&+props.substr(1);&&
&&console.log(resultURL);&&
&&return&resultURL;&&&&
module.exports&=&{&&
&&createURL:&createURL&&
}&& 网络请求 具体写法可以参考 下面是我的代码:
wx.request(&{&&
&&url:&Constant.AIR_QUALITY_URL,&&
&&header:&{&&
&&&&&Content-Type&:&&application/json&,&&
&&&&&apikey&:&Constant.API_KEY&&
&&data:&{&&
&&&&&city&:&this.data.inputValue&&
&&success:&function(&res&)&{&&
&&&&console.log(&res.data&);&&
&&&&if(&res.data.errNum&===&0&)&{&&&
&&&&&&wx.navigateTo(&{&&&&
&&&&&&&&url:util.createURL(&&./result&,&res.data.retData),&&
&&&&&&});&&
&&&&}else{&&
&&&&&&that.setData(&{&&&
&&&&&&&&modalHidden:&false,&&
&&&&&&&&modalErrorText:res.data.retMsg&&
&&&&&&});&&
&&fail:&function()&{&&
&&&&that.setData(&{&&&
&&&&&&modalHidden:&false,&&
&&&&&&&modalErrorText:&请求失败,请检测网络&&&
&&complete:&function()&{&&
&&&&that.setData(&{&&
&&&&&&loading:&false&&
});&& 页面统一样式 微信小程序的api不是很多，比较容易上手， 但是写出来一个好的程序还是需要仔细研究的，建议大家看一下微信提供的 好看的程序不一定好用，但是好用的程序一定好看。哪怕是个充气的，你也肯定选好看的那个。 为了每个界面样式统一，大家可以把相关样式抽取到app.wxss文件中，这个文件的样式其它所以界面都可以直接使用。 下面是项目里的app.wxss,因为涉及的页面较少，用到的样式不多，目前就下面几个：
&&background-color:&#fbf9fe;&&&
&&height:&100%;&&
.container&{&&
&&min-height:&100%;&&
&&display:&&&
&&flex-direction:&&&
&&justify-content:&space-&&
&&padding:&200rpx&0&&
&&&&min-height:&100%;&&
&&&&flex:&1;&&
&&&&background-color:&#FBF9FE;&&
&&&&font-size:&32&&
&&&&font-family:&-apple-system-font,Helvetica&Neue,Helvetica,sans-serif;&&
&&&&overflow:&hidden;&&
.page&input{&&
&&&&padding:&20rpx&30&&
&&&&background-color:&#fff;&&
.section{&&
&&&&margin-bottom:&80&&
.section__title{&&
&&&&margin-bottom:&16&&
&&&&padding-left:&30&&
&&&&padding-right:&30&&
.btn-area{&&
&&&&padding:&0&30&&
.btn-area&button{&&
&&&&margin-top:&20&&
&&&&margin-bottom:&20&&
}&& 状态机 微信框架刷新界面的方式类似React Native的状态机。 微信每个页面都可以设置data数据。如我的项目中的：
&&data:&{&&&&
&&&&inputValue:&&&,&&&
&&&&loading:&false,&&&
&&&&disabled:&true,&&&
&&&&modalHidden:&true,&&&
&&&&modalErrorText:&请求失败,请检测网络&&&
}&& data里的数据一般用来控制界面的变化。 data里的数据不要随便乱写, 只设置和界面相关的。因为里面的数据一旦发生变化就会刷新界面，无关的数据只会加重渲染的压力。 data里面的数据，可以在wxml文件中通过 {{js数据}}格式绑定。 最后强调, 只能使用setData函数改变状态机变量 最后吐槽 世界上只有两种程序，一种是天天挨骂的，另一种是没人用的。 微信小程序的开发环境非常难用，简直在侮辱开发环境这个词。连个自动闭合标签都没有，好多提示都没有（没提示谁会写代码啊），用中文输入法就会发现好的问题，想写中文注释需要时刻保持shift键切换，千万别忘了。 如果不想用它，也没问题， 用webStorm也可以写， 但是目前调试还是在微信开发环境中好用点。 webStorm需要配置 *.wxss和 *.wxml 的文件类型。 wxss对应css , wxml对应xml或者转自CSDN于连林520wcf的专栏
除非特别注明，文章均为原创
转载请标明本文地址：
作者:鸡啄米
&&( 10:27:2)&&( 11:0:6)&&( 9:34:16)&&( 9:24:41)&&( 10:37:50)&&( 9:52:46)&&( 10:54:19)&&( 16:40:44)&&( 21:46:29)
完全随机文章
