前端_李嘉豪

mqtt是什么？MQTT是一个轻量级传输协议，它被设计用于轻量级的发布/订阅式消息传输，MQTT协议针对低带宽网络，低计算能力的设备，做了特殊的优化。是一种简单、稳定、开放、轻量级易于实现的消息协议，在物联网的应用下的信息采集，工业控制，智能家居等方面具有广泛的适用性。谁发布，谁订阅？MQTT服务器类似一个公告栏，里面张贴了各种广告。张三跑过来说，凡是涉及足球的（/public/TEST/Soccer）的都发给自己（订阅）第二天，李四过来贴广告了，主题是（/public/TEST/Socc

onShareAppMessage是实现微信小程序分享功能的方法Page({ //分享页面 onShareAppMessage: function () { var that = this; return { title: '分享页面', path: '/pages/index/index?id='+that.data.id, } }})title:是我们分享出去页面的标题,path:是我们分享页面的路径,平时我们分享是会遇见一些问题

需求是这样的A=>B页面,在B页面修改A页面data里的数据首先我们要使用 pgetCurrentPages() 方法获取当前页面栈,数组中第一个元素为首页，最后一个元素为当前页面A页面数据Page({ data: { name:'张三' },})B页面修改let pages = getCurrentPages();//当前页面let prevPage = pages[pages.length - 2];//上一页面console.log(prevPage)prev

秒数格式化为分秒num 秒数return {string} 分秒function formatSeconds (value){ var secondTime = parseInt(value); // 秒 var minuteTime = 0; // 分 var hourTime = 0; // 小时 if (secondTime > 60) { minuteTime = parseInt(secondTime / 60); secondTime = pars

需求:语音实时转换文字步骤1：首先我们要添加腾讯云智能语音插件步骤2：插件文档地址：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx3e17776051baf153&token=262289731&lang=zh_CN按照文档步骤我们首先要对app.json进行声明配置步骤3在开发之前...

如图所示；<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" markers="{{markers}}" bindtap='onLocation' polyline="{{polyline}}" show-location style="width: 100%; height:...

由于原小程序模板消息接口将于2020年1月10日下线，也就无法再使用原接口推送模板消息，开发者们需要注意及时调整接口。但是，微信服务号模板消息暂不受影响,接下来咱们好好讲讲订阅消息订阅消息」则需要用户主动订阅消息通知，开发者才可向用户推送，但不受时间限制，具体发送信息条数根据该能力的不同类型有不同标准,可通过在支付成功回调之后呼气订阅消息授权，或用户点击按钮主动订阅。<butt...

​​​​​​平时我们接触过vue的组件化开发 组件调用 组件通讯 微信小程序的跟vue意义上是相同的接下来我们开始我们创建一个公共组件：1.首先创先组件目录2.component目录中创建公共组件3.注册组件header.json文件里我们要配置{"component": true}每一个公共组件都要在component中注册{ "componen...

保存图片前需要授权，因此我们先授权wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ scope: 'scope.writePhotosAlbum', ...

html<view class='container'> <!-- 签名画布 --> <canvas class="canvas" id="canvas" canvas-id="canvas" disable-scroll="true" bindtouchstart="canvasStart" bindtouchmove="canvasMove" bin...

html<view class="swiper-container"> <swiper autoplay="auto" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" current="{{swiperCurre...

1.首先我们要把想保存的图片绘制在画布上<view class='container'> <canvas style='width:{{canvasWidth}}px; height:{{canvasHeight}}px' class="canvas" id="canvas" canvas-id="canvas" disable-scroll="true">...

首先我们先看代码//index.js//获取应用实例const app = getApp()Page({ data: { Array:[{ 'a': '10' }, { 'a': '20' }] }, onLoad: function () { var that = this var index = 0 that.setData({ ...

html<view class="list"> <view bindtap='jumpTo' wx:for="{{keys}}" data-item="{{item}}">{{item}}</view></view><scroll-view scroll-into-view="{{toitem}}" scroll-y="t...

html<view><rich-text nodes="{{html}}"></rich-text></view>jsPage({ data: { html:'' }, onLoad: function (options) { var that = this that.setData({...

思路很简单用background: rgba({{r}}, {{g}}, {{b}}, {{a}}) 给这四个变量0~255之间的随机整数即可html<view style="height:200px;width: 200px; background: rgba({{r}}, {{g}}, {{b}}, {{a}})"></view><view ...

onShareAppMessage是实现微信小程序分享功能的方法;先给大家来一个例子：Page({ //分享页面 onShareAppMessage: function () { var that = this; return { title: '分享页面', path: '/pages/index/index?id='+that.dat...

上拉加载需求 我们首先是要监听页面触底,onReachBottom是小程序提供的方法,思路就是在页面触底时 请求数据 然后再push到列表的变量里//index.js//获取应用实例const app = getApp()Page({ data: { homeList: [], //主页页面 page: 1, //分页 TostShow: false...

图片上传服务器：wxml<view class="container"> <button bindtap='chooseImageTap'>上传图片</button></view>wxssPage({ /** * 页面的初始数据 */ data: { imgs: [],//本地图片地址...

前言这篇文章上一版本是用audio组件开发的播放器,随后反应音频加载速度慢的问题又用小程序内置的背景音乐播放的方法写了一遍,逻辑是一样的逻辑,希望对大家有所帮助！<view class='audiosBox'> <view class="audioOpen" bindtap="listenerButtonPlay" wx:if="{{!isOpe...

html<view class="container"> <view class='box' style='background:#FFFFFF'> <label>姓名:</label> <input data-value='{{inpVal}}' bindinput='getName' value='{{inpV...

路径传值<web-view src="{{url}}"></web-view>小程序page页 onLoad: function (options) { var that = this that.setData({ videoId: options.videoId, url: 'https://api...

话不多说，直接上码，复制粘贴直接上手html<view class="radio-box" wx:for="{{radios}}" key="item.id"> <lebel class="radio {{ index==sex ? 'on' : ''}}" data-index='{{index}}' data-value='{{item.value}}...