1.WXML 页面代码 <!--index.wxml--> <view class="container"> <view class="usermotto"> <text class="user-motto">{{motto}}</text> </view> <view class="alllightbtn"> <view class=&

前言 UDP通信分为单播 广播 组播,基础库2.7.0之后,小程序开始支持UDP通信,目前小程序只支持单播. 小程序API 小程序UDP通信这一块可以说是很简单了就一个UDPSocket实例.然后bind()方法绑定端口,send()方法发送数据,close()方法关闭通信,onMessage()方法监听消息等等,具体可以去看文档 相关技术难点 使用UDP通信时,如果是用于局域网内数据传输,这里有个难点就是,不知道本机及对应要通信设备在当前局域网内的ip及绑定的端口.如果是用于和服务器之间的数据

最近集中开发了两款微信小程序,分别是好奇心日历(每天一条辞典+一个小投票)和好奇心日报(轻量版),直接上图: Paste_Image.png 本文将结合具体的实战经验,主要介绍微信小程序的基础知识.开发中遇到的难点.项目的架构设计.最佳实践以及踩过的坑.文章内容较多,如果想看架构设计和躲坑技巧,请直接浏览后面的正文,简书没有目录,也挺伤感的. 值得再次声明的是:微信小程序的内容部分是hybrid模式,并非原生,所以性能并不好,绑定的tap事件也有明显的延迟. 每一个由边框围起来的部分,都是一个最

笔者注:本文来自于迅雷首席工程师刘智聪的个人分享,他毕业于南昌大学化学系,加入迅雷后设计开发了多款迅雷核心产品,凭借“大规模网络流媒体服务关键支撑技术”项目获得2015年国家科学技术进步奖二等奖,同时也是第四代UI交互技术-----BOLT 界面引擎的发明人,目前担任WebApp解决方案商--火速移动的首席技术顾问. 21号晚上正和朋友一起打牌,难得的小七对刚刚定口,突然间手机传来了“叮咚”的消消息提示音,随后就是“叮叮,咚咚”的连续震动.打开手机一看,微信上一堆人发信息给我,先是一篇<微信应用

注:本文来源于:<零基础入门微信小程序开发> 课程介绍 本达人课是一个系列入门教程,目标是从 0 开始带领读者上手实战,课程以微信小程序的核心概念作为主线,介绍配置文件.页面样式文件.JavaScript 的基本知识并以指南针为例对基本知识进行扩展,另外加上开发工具的安装.小程序发布等内容,共 9 篇文章. 本课程共包含四个部分. 第一部分(第1-3篇)带你初步了解小程序是什么,然后进行小程序开发的准备工作,从注册账号到安装开发工具一应俱全.工欲善其事,必先利其器. 第二部分(第4-6篇).面

1.引言 微信小程序自2017年1月9日正式对外公布以来,越来越受到关注和重视,小程序上的各种技术体验也越来越丰富.而音视频作为高速移动网络时代下增长最快的应用形式之一,在微信小程序中也当然不能错过.本文来自腾讯视频云终端技术总监rexchang(常青)的技术分享,讲述的是微信小程序中音视频技术构思.设计和实现等方方面的内容,希望能为你的音视频技术实践带来启发. 如果您能微信小程序开发没什么了解,可以从这篇微信官方的<小程序开发简易教程>开始. 学习交流: - 即时通讯开发交流3群:18592

前言 前段时间接手了一个微信小程序的开发,主要使用了小程序在今年 3 月开放的蓝牙 API ,此过程踩坑无数,特此记录一下跳坑过程.顺便开了另一个相关的小项目,欢迎 start 和 fork: BLE_MiniProgram API简介 微信小程序目前有蓝牙 API 共 18 个,其中操作蓝牙适配器的共有 4 个,分别是 wx.openBluetoothAdapter 初始化蓝牙适配器 wx.closeBluetoothAdapter 关闭蓝牙模块 wx.getBluetoothAdapterS

背景: 微信小程序作为手机页面的一种,相比传统的网站和应用来说存在比较特殊的地方: 1.  开发者往往对程序做了限制,只能通过微信客户端访问 2.  通过微信的Oauth进行认证 这样往往会导致我们的性能测试工具无法压测到应用的后台服务,这里就跟大家分享下如何通过华为云性能测试服务(CPTS)压测到服务后端,并完成性能评估. 测试步骤: 1.  登陆华为云性能测试服务,并进入测试工程页面 https://console.huaweicloud.com/cpts 2.  完成工程创建后进入工程界面

wx.pageScrollTo这个微信小程序的api功能如下: 简而言之就是实现页面滚动的.但是在实际应用当中显得有些鸡肋,为啥呢?使用中有明显页面有明显的抖动,这无疑是极不好的用户体验.我用的华为6x手机. 那么怎么解决这个问题?答案是选择利用scroll-view代替.上代码 <scroll-view scroll-y style="height: 100%;position:absolute;" enable-back-to-top="true" bin

1.前言 2017 年 12 月,微信小程序向开发者开放了实时音视频能力,给业内带来广阔的想象空间.连麦互动视频直播技术在 2016 年直播风口中成为视频直播的标配,然而只有在原生的 APP 上才能保障良好的用户体验. 那时候,在微信小程序中无法进行实时音视频互动.微信小程序在去年 12 月宣布开放实时音视频能力,再加上去年 6 月苹果宣布即将支持 WebRTC,业内一下子千树万树梨花开,前途一片光明. 连麦互动直播技术和微信小程序以及 WebRTC 能产生怎么样的化学作用?开发者在微信小程序或

1.关于 <input />标签容易忽略的问题: 使用<input />标签时容易忘记绑定bindblur()方法(输入框失去焦点时触发),因为用户用键盘输入时不一定会点击完成的按钮,有可能输入完之后直接点击屏幕空白处,这样手机键盘会收起,这时不会触发bindconfirm()方法(点击完成按钮时触发),所以会拿不到用户输入的值.当然还有其他的解决办法,这个只是博主遇到的而已. 2.关于微信开发者工具创建项目和导入项目半天不响应或者socket hang out的问题 https:

前言(源码使用介绍在最后) 一,微信小程序篇小程序下载(该源码为这节测试源代码) 二.有多少人一直在期盼着小程序可以实现SmartConfig或者Airkiss的功能? 来吧!我的这种方式包您满意. 注:APUConfig 是我自己取的名字(哈哈谁让这种方式,我是第一个在微信小程序上实现的),代表着 AP  UDP  Config 绑定流程详细说明: APUConfig小程序端源码 https://gitee.com/yang456/APUConfig.git 实现功能概要 1.小程序使用APU

需求场景: 小程序中指定页面需要根据列表数据生成多张二维码. 实现方案: 鉴于需要生成多张二维码,可以将生成二维码的功能封装到组件中,直接在页面列表循环中调用就好了.也可以给组件添加slot,在页面调用时写入需要跟二维码组件绑定在一起进行显示的内容. 技术难点: 微信小程序并没有提供官方二维码生成功能魔抗,所以这个就只能自己去找插件实现了.对于网上的插件,有很大一部分都是根据qrcode.js改进的. 对于插件的选择并不是很顺利,第一次选定了weapp-qrcode这个插件,本来开发测试都好好的

当微信小程序遇到AR,会擦出怎么样的火花?期待与激动...... 通过该教程,可以从基础开始打造一个微信小程序的AR框架,所有代码开源,提供大家学习. 本课程需要一定的基础:微信开发者工具,JavaScript,Html,Css 第三章:基石-接入Three.js [前情提要] 上一章,我们已经可以在微信小程序中访问摄像头,并且获得每一帧的数据了.接下来的另一个基础人物就是对接Three.js库: 1. 实现在微信小程序中访问摄像头,并且可以实时的拿到每一帧画面的数据. 2. 实现在微信小程序中

背景 微信小程序兴起,有变成超级APP的趋势,通过微信提供的小程序api,可以通过微信调用到手机原生的支持. 目标 通过微信小程序实现来实现跑步类App的功能. 需求分析 跑步类App需要的两个核心的数据是:心率,GPS.(当然有些App没有链接心率设备,那就不要获取实时心率了). 工具 到微信公众平台申请小程序账号,下载微信开发者工具(预览功能可以让手机扫一扫预览小程序). 核心功能一:连接蓝牙设备 1.初始化蓝牙适配器 openBluetoothAdapter. 2.获取蓝牙适配器状态get

最近刚使用mpvue完成了微信小程序的开发,写点东西,做个记录. 首先依旧是两个传送门: 微信小程序文档:[https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html][1] mpvue的官网链接:[http://mpvue.com/][2] 踩坑记录: 真机调试的时候,小程序的本地图片不显示: 如:页面路径为:/pages/index/index.vue,图片路径:/static/img/1.png;最初在index

一.开发准备 1,想要开发微信小程序,必须要有一个AppId,如果没有可以去注册一个.   https://mp.weixin.qq.com/进入注册页面,点击上方注册.   2,点击选择“小程序”出现注册页面.   3,填写账号信息,包含邮箱,密码,验证码. 4,登录邮箱,点击链接,进行验证. 5,进入信息登记界面,进行信息登记,分为“主体信息登记”和“管理员信息登记”.“主体信息提交后不可修改”! 二.小程序开发 1,小程序开发需要安装开发者工具,下载与安装客户端微信开发者工具并使用小程序微

注:鸿蒙的远程交互组件应用相对复杂 ,访问网络时,首先要配置网络权限,华为官方文档有问题,在此引用我老师配置的模板,见附件 过程:1.导入鸿蒙的网络请求模块fetch 2.发起对服务器的请求(在这过程中需要用JSON.parse将括号中的数据转换成json数据格式,具体见代码中标注) js业务逻辑层 //导入鸿蒙的网络请求模块fetch import fetch from '@system.fetch'; export default { data: { title: 'World', curr

目录: 1.可滚动区域 2.list + list-item 3.list + list-item-group + list-item 1.可滚动区域 在许多场景中,页面会有一块区域是可滚动的,比如这样一个简单的每日新闻模块: 上面的新闻类型是一块可横向滚动的区域,下方新闻列表是一块可竖向滚动的区域.在微信小程序中,使用scroll-view组件即可实现.那么在鸿蒙js组件中,想要实现可滚动的区域,则是使用list组件.list仅支持竖向滚动,横向滚动要用tabs,将在下篇博客讲解. 2.lis

目录: 1.swiper轮播图 2.image-animator幻灯片 3.marquee跑马灯 4.nginx动静分离 1.swiper轮播图 微信小程序的swiper组件中只能放置swiper-item,而鸿蒙js的swiper组件中可以放置除list之外的任意组件,功能更强大.除之前讲过用swiper结合自定义tabbar实现底部菜单分页功能,swiper最常用的就是首页的轮播图了. swiper的属性可见官方文档(https://developer.harmonyos.com/cn/do