微信小程序开发文档-知识点小记(2)
摘要:API 宿主环境提供了丰富的API,可以很方便调起微信提供的能力。wx.navigateTo可以保留当前页面,然后跳转到新的页面。小程序提供的API按照功能主要分为几大类: 网络 媒体 文件 数据缓存 位置 设备 界面 界面节点信息还有一些特殊的开放接口,我们介绍一下API一般调用的约定:1 wx.
阅读全文
posted @
2021-11-25 15:18
半夏微澜ぺ
阅读(221)
推荐(0) 编辑
小程序开发文档-知识点小记(1)
摘要:小程序技术发展史 JS-SDK是对之前的WeixinJSBrige的一个包装,以及新能力的释放,并且由对内开放转为了对所有开发者开放;微信Web资源离线存储是面向Web开发者提供的基于微信内的Web加速方案。 通过使用微信离线存储,Web开发者可借助微信提供的资源存储能力,直接从微信本地加载Web资
阅读全文
posted @
2021-11-25 15:13
半夏微澜ぺ
阅读(246)
推荐(0) 编辑
setData 设置某个数组或者数组对象的值
摘要:demo:list是一个对象数组,设置list数组某个对象的值 下标是动态index的value值 下标是已知的可以这样设置:
阅读全文
posted @
2019-01-17 10:44
半夏微澜ぺ
阅读(2154)
推荐(0) 编辑
disablescroll
摘要:页面的设置 disablescroll:true(需要配合设置 enablePullDownRefresh:false ) 可以实现页面上下不能滑动 另一种实现方法: 设置页面的根元素 绝对定位, position:fixed; top:0; bottom:0; left:0; right:0; s
阅读全文
posted @
2019-01-16 16:06
半夏微澜ぺ
阅读(1544)
推荐(0) 编辑
微信小程序生命周期
摘要:小程序分为应用和页面两个部分,所以小程序的生命周期涉及三个部分,分别是: 1 应用的生命周期 2 页面的生命周期 3 应用的声明周期对页面的生命周期的影响 应用的生命周期 App() 函数用来注册一个小程序,接受一个Object参数,其指定小程序的生命周期函数等。 object参数: onLaunc
阅读全文
posted @
2019-01-10 16:17
半夏微澜ぺ
阅读(328)
推荐(0) 编辑
微信小程序 实现websocket长连接 以及断开连接之后自动重连
摘要:app.js page 页面 SocketTask 这个对象是通过wx.connetSocket(obj)来获取的,他有一个属性值readyState,有4个状态值: 1 CONNECTING:0 连接中 2 OPEN:1 已连接 3 CLOSING:2 关闭中 4 CLOSED:3 已关闭 刚开始
阅读全文
posted @
2019-01-10 15:54
半夏微澜ぺ
阅读(18124)
推荐(1) 编辑
css3 position:sticky
摘要:最近在写一个小程序,项目中遇到一个需求:页面滚动到tab切换菜单时,菜单fixed到页面顶部; 实现方法: 使用小程序的onPageScroll事件,滚动到指定位置添加fixed样式; bug1:获取指定位置错误,因为上面都是图片,在图片未加载出来时获取高度,高度值不对,解决办法就是在imgae上加
阅读全文
posted @
2018-12-11 16:22
半夏微澜ぺ
阅读(470)
推荐(0) 编辑
微信小程序基础组件
摘要:所有的组件与属性都是小写,以连字符 - 连接 共同的属性类型: class id style bind*/catch* hidden data-* block标签。 <block> 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何的渲染,只接受控制属性。
阅读全文
posted @
2018-11-19 15:43
半夏微澜ぺ
阅读(216)
推荐(0) 编辑
微信小程序WXML提供了import和include引用方式
摘要:引入的文件需要放在pages文件下: 例如: 在pages文件下新建template文件夹,新建tem1.wxml模板文件 在其他页面中就可以引入tem1.wxml文件../template/tem1.wxml 使用其中的模板is的值要与tem1.wxml中的template的name值一致 imp
阅读全文
posted @
2018-11-14 14:44
半夏微澜ぺ
阅读(2444)
推荐(0) 编辑
微信开发者工具代码编辑区消失
摘要:当微信开发者工具代码编辑区消失,写的代码显示不了时: 在编辑器控制台输入:openVendor 回车 会打开一个文件夹:C:\Users\Administrator\AppData\Local\微信web开发者工具\User Data\WeappVendor 清除里面的wcsc wcsc.exe ,
阅读全文
posted @
2018-11-14 14:30
半夏微澜ぺ
阅读(1674)
推荐(0) 编辑
注册页面Page的内置属性以及函数 路由 模块化
摘要:Page.prototype.route route字段可以获取到当前页面的路径 Page.prototype.setData() setData函数用于将数据从逻辑层发送到视图层,同时改变对应的this.data的值,参数格式是键值对 getCurrentPages() 函数用户获取当前页面栈的实
阅读全文
posted @
2018-11-14 11:22
半夏微澜ぺ
阅读(256)
推荐(0) 编辑
tabbar 设置样式
摘要:app.json配置文件中,使用时需要把注释删除,配置文件不支持备注 tabbar:{ color:'#fff',//字体颜色 需要时HexColor,设置成red 无法识别,下方颜色设置同理 selectedColor:"#000", borderStyle:'black',//仅支持black/
阅读全文
posted @
2018-11-14 10:51
半夏微澜ぺ
阅读(3166)
推荐(0) 编辑
wx:for wx:for-items wx:for-item
摘要:data:{ arr:[1,2,3,4,5], arrs:[[1,2,3,4,5],[1,2,3,4,5]] }wx:for 用于循环数组 默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item <block wx:for="arr">{{item}}</block> w
阅读全文
posted @
2018-11-13 15:45
半夏微澜ぺ
阅读(1165)
推荐(0) 编辑
小程序wx:key中的关键字*this
摘要:“保留关键字 *this 代表在 for 循环中的 item 本身,这种表示需要 item 本身是一个唯一的字符串或者数字,如果是对象则不可以 data:{ array:[1,2,3,4,5], objs:[{id:1},{id:2},{id:3},{id:4}] } wx:key 的值以两种形式提
阅读全文
posted @
2018-11-13 15:10
半夏微澜ぺ
阅读(5925)
推荐(0) 编辑
使用weui
摘要:1 在https://github.com/weui/weui-wxss/下载项目,得到weui.wxss文件 2 把文件放在小程序项目的根目录下 3 在app.wxss中引用weui.wxss文件 import ‘weui.wxss’ 4 打开项目中的expample文件,看着其中的例子就可以使用
阅读全文
posted @
2018-11-13 15:01
半夏微澜ぺ
阅读(140)
推荐(0) 编辑
tabbar
摘要:1 tabbar不显示的问题: 命名在app.json中配置了tabbar但是不显示可能的问题: app.json中的pages中第一个路径没有在tabbar中设置 原因:app.json中配置的pages中的路径信息,第一个路径默认是小程序的开始页面,tabbar在是页面初始化时渲染的,如果首页不
阅读全文
posted @
2018-11-13 14:57
半夏微澜ぺ
阅读(303)
推荐(0) 编辑
小程序rpx
摘要:rpx是微信小程序解决自适应屏幕尺寸的尺寸单位。微信小程序规定屏幕的宽度是750rpx, 微信小程序也支持rem尺寸单位,rem规定屏幕的宽度是20rem vw vh适配 vw和vh是css3中的新单位,是一种视窗单位,在小程序中也同样适用。 小程序中,窗口宽度固定是100vw,将窗口宽度平均分为1
阅读全文
posted @
2018-11-13 10:27
半夏微澜ぺ
阅读(749)
推荐(0) 编辑