【小程序】微信小程序 音频播放器 组件
项目地址:kPlayerkPlayer是一个微信小程序播放器组件, 引入组件后 只需要传音频url就能播放.含有播放动画, 音频进度条, 长按音频显示当前时间/总时间, 可以通过滑动组件来控制进度.通过info参数可以配置组件的外观和功能通过playbackStatus事件可以在组件外部监听播放状态项目演示...
2024-01-10微信小程序实现手指触摸画板
本文实例为大家分享了微信小程序实现手指触摸画板的具体代码,供大家参考,具体内容如下先看效果图:wxml<!--pages/shouxieban/shouxieban.wxml--><view class="container"> <view>手写板(请在下方区域手写内容)</view> <canvas style="width: {{canvasw}}px; height: {{canvash}}px" class="canvas" id="canvas" canvas-id="canvas" disabl...
2024-01-10微信小程序实现搜索指定景点周边美食、酒店
本文为大家分享了微信小程序实现指定景点周边的美食、酒店等搜索,供大家参考,具体内容如下以下为效果图,使用的是腾讯地图位置服务微信小程序JavaScript SDK,首先要申请腾讯地图位置服务的开发密钥,然后进行开发。wxml:<view style='width:100%;height:{{height}}px;'> <map id="map" longitude='{{poi.longitude}}'...
2024-01-10微信小程序实现横向滚动导航栏效果
1.page.wx.css内容如下:<view class='classify_list'> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1<...
2024-01-10微信小程序实现表单验证
微信小程序的表单验证,供大家参考,具体内容如下需要用到一个插件WxValidat.js传送门在需要使用的page js文件下导入import WxValidate from '../../utils/WxValidate.js'主要内容WXML内容<form bindsubmit="formSubmit"> <view class="weui-cells__title">用户名</view><view class="weui-cells weui-cells_after-title"> <view cl...
2024-01-10微信小程序实现聊天室
本文实例为大家分享了微信小程序实现聊天室的具体代码,供大家参考,具体内容如下正文:<!-- <button bindtap='close'>关闭</button><button bindtap='open'>打开</button> --><view wx:if='{{login}}' class='login_zz'></view><button wx:if='{{login}}' class='login' bindgetuserinfo='userinfo' open-type="getUserInfo...
2024-01-10微信小程序篇:Flex布局
前置准备工作微信小程序中经常会使用的布局这一块的知识点,如果没有一个完整的知识体系,在布局的时候,经常会出现错误使用的情况,只要你掌握这篇文章内的知识点,基本上能胜任所有的Flex布局。相比较其他文章,这个文章更侧重于开发中的实际运用。而且是以演进的角度来讲解各种布局的...
2024-01-10微信小程序自定义组件实现环形进度条
本文实例为大家分享了微信小程序实现环形进度条的具体代码,供大家参考,具体内容如下微信小程序自定义组件官方教程环形进度条的组件已经放在github上环形进度条效果图创建步骤1、在根目录创建名为components的文件夹,用来放需要引用的自定义组件。2、创建名为canvas-ring的文件夹,用来放环...
2024-01-10微信小程序网络封装(简单高效)
废话引言小程序虽然出世很久了,但一直没怎么接触到小程序开发。吉他兴趣班老师想弄一个小程序发布课程信息和打卡功能,作为IT一员就自愿加入了这个小程序开发小组中。虽然小程序面向的是前端工程师,但作为移动端程序猿感觉甚是友好,加上有点前端基础就更是觉得入手很easy啦。微信小程...
2024-01-10iOS 真机调试微信小程序
平时开发小程序可以在开发者工具中进行调试,开发者工具提供了类似 Chrome DevTools 的调试面板,对于前端开发者来说入门门槛比较低。小程序开发完成之后,我们需要在真机上进行测试,真机调试方面小程序开发者工具有预览、远程调试和设置体验版本三大部分功能。除了这三种方式之外,我们还可...
2024-01-10【小程序】微信小游戏(神奇六边形) 实现思路 ?
如图左边是蜂巢形状图形容器 右边是随机生成的不通形状的子图形右边拖拽到左边容器内,如果一行(直线) 或者倾斜直线都有元素(颜色不考虑)那就消除 消除直线满足情况如果不明白点击下面链接 去看看效果http://engine.zuoyouxi.com/de...我的思路呢 就是二维数组 渲染左边容器,X Y 以及颜色 右边为随机生...
2024-01-10无需小程序, iPhone X 用短信也能玩双人游戏
iMessage 在 iOS 11 后功能日趋丰富,隐藏着很多有意思的功能,利用信息也可以进行双人游戏完全不输微信小程序。1.首先进入「 App Store 」中,安装一款名为「 GamePigeon 」的 iMessage 应用。2.「 GamePigeo 」并不是一款手机 App ,并不会在手机桌面显示,需要在「信息」会话界面,点击输入框下方的应用图标...
2024-01-10微信小程序之数据双向绑定与数据操作
微信小程序之数据双向绑定与数据操作数据双向绑定是指js部分数据发生变化是html部分的数据也会发生变化,当然html部分数据发生变化js部分数据也会发生变化,从而使界面很方便的实现动态数据显示,一般拥有数据双向绑定的前端框架都为mvvm结构。数据双向绑定是个好东西,an1 an2 vue 也都有数据...
2024-01-10微信小程序版翻牌小游戏
本文实例为大家分享了微信小程序翻牌游戏的具体代码,供大家参考,具体内容如下一、新建一个quick start项目看看结构在微信开发工具点击添加项目,选择 无appid,勾上"在当前目录中创建quick start 项目"。可以看到一共有两个目录 pages和utils,和根目录下的3个app文件。pages存放的是小程序的页面,...
2024-01-10【小程序】微信小游戏-云开发-云函数
环境配置创建云函数目录1.新建目录,并在project.config.json增加字段 cloudfunctionRoot 指定存放云函数的目录,设置成功后,开发者中的目录会有特殊图标安装wx-server-sdk云函数目录执行npm install --save [email protected]创建方式1.工具中创建建完会默认带这三个文件修改完需要手动上传2.控制台创建创建完开...
2024-01-10三国兵临天下微信小程序小游戏兑换码
今天小编为大家带来的是三国兵临天下微信小程序小游戏兑换码,三国兵临天下是一款三国题材策略争霸小游戏,你将在游戏中称霸三国,成为最强主公。 三国兵临天下微信小程序小游戏兑换码 1、兑换码 10月礼包:YLB1001 长期福利礼包:gqkl888 新手礼包:XSLB111 关注礼包:GZLB222 2、...
2024-01-10微信小程序实现贪吃蛇游戏
本文实例为大家分享了微信小程序实现贪吃蛇游戏的具体代码,供大家参考,具体内容如下一、项目截图二、源代码1.WXML代码如下(示例):<view class='container'> <view class='content-bottom' bindtouchmove='touchMove' bindtouchstart='touchStart' bindtouchend='touchEnd'> <view wx:for="{{ground}}" wx:for-item="cols" class='grou...
2024-01-10有关微信的小程序和小游戏的区别
小游戏是小程序的一个类目,小游戏是微信开放给小程序的更多的能力,让小程序开发者有了开发游戏的能力。小游戏没有WXSS、WXML、多页面等内容,但加了一些渲染、文件系统以及后台多线程的功能。小游戏的运行环境是小程序环境的扩展,基本思路也是封装必要的 WEB 接口提供给用户,尽可能追求...
2024-01-10C语言实现双人五子棋游戏
本文实例为大家分享了C语言实现双人五子棋游戏的具体代码,供大家参考,具体内容如下实现功能生成棋盘玩家1与玩家2对战,哪个玩家率先有连续5子连线,哪个玩家赢。如何实现组成:二维数组:board[ROW][COL],定义一个ROW*COL的棋盘。主要逻辑:显示棋盘,提示用户下子,下子后判断1.显示棋盘...
2024-01-10微信小程序自定义联系人弹窗
微信小程序自定义类似微信联系人组件,供大家参考,具体内容如下在小程序项目中需要有一个选择人员项,想着看着好看一些,所以做成类似微信联系人的界面,由于本人是后端人员,效果不是特别好看,ui使用的是weui效果图如下:使用的是小程序自定义组件,自定义组件同样需要有js、wxss、json...
2024-01-10全部女孩VIP服务站是干嘛的 全部女孩VIP服务站微信小程序订单信息变换注意事项
全部女孩VIP服务站其实就是李佳琦直播预告片小程序,现如今改名了,大家只要根据李佳琦直播间付钱的粉丝们,能够在某宝变换积分兑换,这种积分兑换都能在全部女孩VIP服务站换取礼品,是一种很人性化服务项目哦!全部女孩VIP服务站是干嘛的关心的佳琦小程序名称成了:全部女孩VIP服务站由于好...
2024-01-10企业微信注册企业教程
企业微信是一个非常专业的办公软件,很多用户不知道怎么在这个软件里注册企业,其实注册非常的简单方便,需要的用户千万不要错过了哦,快点下载试试吧。 企业微信怎么注册企业: 在手机端【我】->【设置】->【切换企业】->【右上角】->选择【创建企业】。 网页端点击>>>企业微信官方...
2024-01-10微信小程序获传值取值方法
微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法,1、设置id的方法标识跳转后传递的参数值;2、通过使用data - xxxx 的方法来标识要传递的值微信小程序设置id的方法标识来传值在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比如一部电影的id(后面...
2024-01-10微信小程序计算器实例详解
微信小程序计算器实例,供大家参考,具体内容如下index.wxml<view class="content"> <view class="num">{{num}}</view> <view class="operotor">{{op}}</view></view><view class="entry"> <view> <view class="item" bindtap="resetBtn">c</view> <view class="item" bindtap...
2024-01-10微信小程序 五星评分的实现实例
微信小程序 五星评分五星级评分效果:<view> <view class="zan-font-16 my-ib" bindtap="myStarChoose"> <block wx:for="{{starMap}}"> <text wx:if="{{star>=index+1}}" style="padding-right: .5em" class="zan-c-red" data-star="{{index+1}}">★</text> <text wx:if="{{star<i...
2024-01-10微信小程序wxs实现吸顶效果
在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行,导致了整个用户交互的动画过程会有延迟), 所以使用wxs响应事件来实现吸顶效果。wxs响应事件基础库 2.4.4 开始支持,低版本需做兼容处理。附上文档链接:wxs响应事件吸顶效果使用scroll-view组件...
2024-01-10微信小程序全局状态的深入讲解
前言在微信小程序中,可以利用 App.js 的 globalData 作为中间桥梁,在 Page, Component 之间,包括页面与页面,页面与组件,组件与组件之间传递需要传递的信息。但是,我们不能及时的知道 globalData 下的变化,在新建小程序的官方的默认事例中,获取 UserInfo 这一网络操作有延迟的,为此写了很多不必要...
2024-01-10微信小程序之选项卡的实现方法
微信小程序之选项卡的实现方法前言:从事前端的同学们一定不会对选项卡陌生,不管是自己原生写的,还是各个UI框架里带的,我想大家都使用过很多选项卡,对选项卡的原理也足够清楚了,下面我们来在微信小程序里实现选项卡的功能。微信小程序里没有自带选项卡组件,但是却带有swiper组件...
2024-01-10微信小程序SelectorQuery
在开发小程序展开全文组件时需要用到节点查询API - wx.createSelectorQuery() 来查询全文内容的高度。wx.createSelectorQuery() 返回一个 SelectorQuery 对象实例。SelectorQuery 有五个方法(in,select,selectAll,selectViewport,exec),第一个返回 SelectorQuery,后四个返回 NodesRef。NodesRef 有四个方法(fields,boundingClientRe...
2024-01-10详解微信小程序轨迹回放实现及遇到的坑
微信小程序轨迹回放主要使用到polyline进行划线操作,以及使用marker去进行小车移动操作。效果图如下:具体实现代码:trackplay.wxml文件<!--pages/tracker/tracker.wxml--><map id="mymap" longitude="{{mapCenter.longitude}}" latitude="{{mapCenter.latitude}}" scale="{{scale}}" markers="{{markers}}" polyline="{{polylin...
2024-01-10