Page.prototype.setData() setData 函数用于将数据从逻辑层发送到视图层,同时改变对应的 this.data 的值. 注意: 直接修改 this.data 无效,无法改变页面的状态,还会造成数据不一致. 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据. setData() 参数格式 接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变成 value. 其中 key 可以非常灵活,以数据路径的形式给出,如 

wx小程序内置的接口只能获取用户的坐标,通过微信位置服务获取用户地址: http://lbs.qq.com/qqmap_wx_jssdk/index.html 注:需要在key的设置中打开webService并设置,小程序的合法域名(当前小程序的服务器域名)为允许ip

小程序最近太火,不过相比较刚发布时,已经有点热度散去的感觉,不过这不影响我们对小程序的热情,开发之前建议通读下官网文档,附链接:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=201716 接下来,我们要实现的小程序效果如下,源码地址:https://github.com/caiya/weapp-ywgo: 1.注册 打开微信公众平台,单击"小程序",按步骤开始注册即可,附地址:https://mp.weixin.qq.com/cgi-bin/

前言: 之前使用 setData,一直都是作为给变量赋值,感觉比起vue给data中的变量的赋值还是有点麻烦的. 最近项目不太紧张,为了提高小程序的开发效率及提升小程序开发的能力,又重新的通读了下小程序的开发文档.发现 setData还有一个非必填的参数 callback——setData引起的界面更新渲染完毕后的回调函数,通过这个回调函数,可以在更新data中的数据的时候,同步在回调函数中进行相应操作,这比更新数据和后续操作分开写好多了. Page.prototype.setData(Obje

三.封装小程序的数据请求 (1)在根目录创建utils目录,创建config.js.base.js (2)在config.js中创建config类,并将请求路径配置给config的属性restUrl,并export class Config { constructor () {} } Config.restUrl = 'http://***.cn/api/v1/' export { Config } (3)在base.js中引入config,把url赋值给base的属性 import { Con

小程序不方便之处: 1: 想做个获取列表中每个item所在的对应滚动条的高度在哪里,或者元素本身的高度也不好获取,极其不方便,网上看的别人做的滚动条相关的,都是写死或者已知的item高度,目前没找到正确的方式,也可能是打开方式不对. 2:当点击某个按钮的时候想要获取当前滚动条的高度位置,不方便,只能在监听滚动条时刻滚动的时候获取最新的值存起来.这样的操作setData太耗费性能,毕竟view model跟js core做交互成本不低. 3:接着上一条,不能监听onPageScrol 滚动条停止滚

五.双向绑定和 vue 的区别 ① vue 中实现双向绑定只需要修改 this.data var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return this.message.split('').reverse().join('') } } }) ② 小程序中需要

二.WXML和HTML的异同.WXSS和CSS的异同 (1)WXML和HTML 相同点:都是用来描述页面结构的,由标签.属性组成 不同点:标签名不一样,小程序标签名更少: 小程序多了 wx:if 这样的属性和 {{}} 的表达式: 小程序只能在微信开发者工具中预览,而HTML可以在浏览器中预览: 小程序对组件进行了重新封装: 小程序运行在 JS Core 内,没有DOM树和window对象,无法使用window对象和document对象 (2)WXSS和CSS 相同点:都是用来描述页面的样式 不

方法一: 使用TBS工具,调试跟踪获取URL https://x5.tencent.com/tbs/guide/debug/download.html https://x5.tencent.com/tbs/guide/debug/season1.html 方法二: 下载小程序的包,反编译,查看代码或者用微信开发者工具调试跟踪 1.node.js运行环境 如果没有安装nodejs,请先安装一下 下载地址:https://nodejs.org/en/ 2.反编译的脚本 这里提供一个Github上qw

1.下载项目下的字体库 2.解压复制iconfont.css中的代码到,小程序 app.wxss 3.使用: //icon-begindate表示开始时间的图标 <text class="iconfont icon-begindate">{{begindate}}</text> 4.在线: 生成在线链接后,替换 app.wxss中的  @font-face

在微信小程序中有时会在组件上定义一些属性,使用data-来定义 <view data-idvalue="id" data-Index-Name="IndexName" data-IndexText="IndexName" data-indexValue="indexValue" bindtap='viewClick' >我要获取组件的data-属性名的值</view> viewClick: functi

传送门: # 微信小程序案例大全 https://www.cnblogs.com/icyhoo/p/6282574.html # 微信小程序开发工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html # 内置组件 https://mp.weixin.qq.com/debug/wxadoc/dev/component/ # 微信内置API https://mp.weixin.qq.com/debug/wxadoc/de

1:右侧详情界面 合法域名 都要在需要在小程序平台 配置合法域名 这样你的小程序请求的网址 才能通. 1.2如果自己的域名没有配置https 可以勾选为 不校验合法域名即可 (小程序官方规定 网址必须是Https).

八.小程序的优劣势 优势:   ① 不需要下载 ② 打开速度快 ③ 开发成本低 ④ 安卓上可以添加在桌面,与原生 App 相似 ⑤ 小程序的发布审查流程比较严格,安全保障 劣势:   ① 页面大小不能超过1M,不能打开超过5个层级的页面 ② 部分组件样式不可修改 ③ 推广面窄,只能分享给朋友,不能分享到朋友圈, ④ 依赖微信的后台,无法开发后台管理功能

七.小程序提速与性能优化 参考大佬vicyao的文章 https://blog.csdn.net/wetest_tencent/article/details/61196522 (1)提高页面加载速度 在页面加载时预加载下一个页面的数据 (2)用户行为预测 根据数据分析,进入首页的用户通常会点击第二个页卡,因此提前将第二个页卡的数据存入缓存中 (3)减少默认data的大小 打开一个新页面时微信会深拷贝一个page对象,因此,应该尽量减少默认data的大小,以及减少对象内的自定义属性. (4)组件

六.生命周期 (1)onLoad    —— 加载时触发,只调用一次,可用来发送请求绑定数据.获取url中参数 (2)onShow   —— 页面显示时触发,每次显示都会执行,用来获取需要频繁更新的数据,比如购物车.订单.地址等 (3)onReady     —— 渲染完时触发,只调用一次 (4)onHide —— 隐藏页面时触发,如底部tab切换到别的页面或小程序切入后台等 (5)onUnload    —— 页面卸载时触发,如redirectTo 或 navigateBack 到其他页面

一.微信小程序中的目录及文件 (1)project.config.json 用于开发者工具配置 主要用于设置项目是否开启https校验(setting.urlCheck) (2) App.js 设置全局基础数据(记录日志.微信登录.获取用户信息) (3)App.json 底部tab(tabbar.list).标题栏(window).路由(pages) (4)App.wxss 公共样式(引入iconfont.container等) (5)pages目录 包含每一个具体的页面目录 (6)index目

目录 p18 事件绑定1 p19 事件绑定2 btn p20+ view 相关,wxss,less,css 零基础玩转微信小程序[黑马程序员] https://www.bilibili.com/video/av73342655 p18 事件绑定1 p19 事件绑定2 btn p20+ view 相关,wxss,less,css

比如data{ “a”:{}, "b":{} } 你想完成这样的结构 //创建一个对象 var readyData={} //对象[key] =另一个对象 readyData[key] ={ movies: movies, movieType: movieType } this.setData(readyData) if else if else

在一般的函数中: bindFaChange1: function (e) { console.log('picker发送选择改变,携带值为', e.detail.value) this.setData({ index1: e.detail.value }) } this.setData是正确的. 但当在函数中有个请求(wx.request)时: formSubmit: function (e) { wx.request({ method: 'POST', header: header, url:

注:1. 微信默认的宽度为750rpx , 不会变化. 2.bindtap 绑定触摸事件,可冒泡 catchtap 绑定触摸事件,不可冒泡 1.唤出系统菜单 2.上传图片 showSelection(sizeType,count){ let _this = this; wx.showActionSheet({ itemList: ['拍照片', '我的相册'], success(e) { switch (e.tapIndex) { case 0: { wx.chooseImage({ count