MobMsg
【移动端】Android丨Kotlin丨Flutter丨Cordova 【前端】Vue丨Js丨Css丨Html 【后端】Java丨Kotlin丨Node 【各厂小程序】微信丨百度丨other...
展开
-
还有脸睡?微信小程序与智能硬件终端蓝牙BLE通讯,实现WIFI配网这么简单都不会,周公都得踹醒你!
当下各种支持WIFI模块的硬件终端越来越普遍,但要想与之进行数据交互需要先给终端连接上周边WIFI,这样才可正常通过互联网接收与发送数据,这种终端一般分为 3 类,即:可视化操作配网(窗口) 、WIFI连接配网(Socket) 和 蓝牙通讯配网(BLE)可视化配网非常简单,终端提供触摸屏与系统手动即可完成配网(一般是基于Android系统的二次开发)。还有一种无触摸屏需要通过蓝牙与终端连接,发送约定格式的十六进制数据,内含配网需要的相关数据,如:WIFI名称、密码、服务器地址、端口,等等信息,终端解析数据原创 2020-07-06 13:39:13 · 1574 阅读 · 3 评论 -
微信小程序 live-player 竟然不支持全屏播放?造个轮子,拿走不谢!
截止发文为止,微信官网尚未支持 live-player 全屏播放,鉴于项目中较多场景需要实现全屏播放,封装了一下这个小组件,需要就拿走,下载链接在文末原创 2020-06-07 00:50:29 · 4295 阅读 · 3 评论 -
微信小程序 Utils丨基于Socket.io.js,实现聊天功能
需求是 client 与 server 以 socket 方式连接对话,场景为 client 发送一条消息后,server 会返回多条消息且非同时返回。使用微信原生的 WebSocket 及其提供的 API 后多环境调试均为能连接成功,此时考虑在小程序中集成更加成熟且使用方便的 Socket.io.js ,过程简单使用方便,很赞!配置服务器域名微信公众平台:https://mp.weixin...原创 2019-09-29 17:27:01 · 1987 阅读 · 3 评论 -
微信小程序 Utils丨SetInterval 实现倒计时
WXML<text>{{day}}天{{hour}}时{{minute}}分{{second}}秒</text>JS onLoad: function (options) { that = this; that.countDown('2019-10-24 10:00:00'); } /** * 倒计时 * ...原创 2019-09-30 12:15:04 · 1203 阅读 · 0 评论 -
微信小程序 Utils丨横向滑动 Scrollview 时间选择器
运行效果涵盖全 24 个时段,左右滑动可见其它。当前时段提示为【抢购进行中】,之前时段为【已开抢】,之后时段为【即将开始】JS /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { that = this; that.setData({ timeList: that.initTimeList...原创 2019-09-29 17:23:18 · 793 阅读 · 0 评论 -
微信小程序 Utils丨抽奖转盘
JSluckDrawStart 方法中可更改抽奖几率从服务端获取// 上下文对象var that;Page({ /** * 页面的初始数据 */ data: { is_play: false,// 是否在运动中,避免重复启动bug available_num: 0,// 可用抽奖的次数,可自定义设置或者接口返回 start_angle:...原创 2019-09-30 12:16:49 · 3663 阅读 · 5 评论 -
微信小程序 Utils丨Swiper 实现轮播图
JSthat.setData({ slider: ['../../images/img01.jpg', '../../images/img02.jpg','../../images/img03.jpg']})WXML<swiper id='sw' autoplay="auto" interval="5000" duration="500" indicator-dots...原创 2019-09-30 12:14:36 · 861 阅读 · 0 评论 -
微信小程序 Utils丨wxParse 实现HTML解析、图文混排
配置文件配置文件下载https://pan.baidu.com/s/1eKZzhWsK3LW0rqrEkNfr0g配置文件位置一级目录,与 pages 同级JSWxParse.wxParse(‘绑定的数据名’, ‘可以为html或md格式’, ‘具体HTML数据’, Page对象也就是this, padding距离);// 初始化 WxParse 对象var WxParse...原创 2019-09-30 12:16:10 · 1281 阅读 · 6 评论 -
微信小程序 Utils丨scroll-view 滚动至底部
需求是对话列表收到新消息后,需要自动将 scroll-view 滚动至底部显示最新对话消息。使用 wx.createSelectorQuery().select(’#viewId’).boundingClientRect 方式获取高度时,发现数据更新后并不能获取最新view 高度,而是再次手动滑动至底部后 rect 对象内包含的 bottom / height 数值才会更新,当然了,这样小伙伴无...原创 2019-09-29 17:44:05 · 727 阅读 · 0 评论 -
微信小程序 Utils丨Array 增、删、改、查、插入
直接端上实例代码/*** 添加数据* @dataParams: 添加内容* */addData: function(dataParams){ return dataArr.push(dataParams);},/*** 修改数据* @indexParams:修改项index* @dataParams:修改后内容*/editData: ...原创 2019-09-29 17:28:28 · 921 阅读 · 1 评论 -
微信小程序 Utils丨wx:for / wx:for-index / wx:for-item
在开发中,我们经常会遇到展示列表数据的需求,在小程序中需要使用标签 wx:for / wx:for-index / wx:for-item 来实现相关功能,运行效果如下所示。wx:for="{{mainListViewData}}" : 定义循环,数组名称为 mainListViewDatawx:for-index=“mainListViewDataIndex” : 定义索引值的名称 main...原创 2019-09-29 17:47:49 · 2018 阅读 · 0 评论