【小程序】微信小程序 音频播放器 组件
项目地址:kPlayerkPlayer是一个微信小程序播放器组件, 引入组件后 只需要传音频url就能播放.含有播放动画, 音频进度条, 长按音频显示当前时间/总时间, 可以通过滑动组件来控制进度.通过info参数可以配置组件的外观和功能通过playbackStatus事件可以在组件外部监听播放状态项目演示...
2024-01-10
微信小程序实现搜索指定景点周边美食、酒店
本文为大家分享了微信小程序实现指定景点周边的美食、酒店等搜索，供大家参考，具体内容如下以下为效果图，使用的是腾讯地图位置服务微信小程序JavaScript SDK，首先要申请腾讯地图位置服务的开发密钥，然后进行开发。wxml：<view style='width:100%;height:{{height}}px;'> <map id="map" longitude='{{poi.longitude}}'...
2024-01-10
微信小程序实现日历签到
近日做了一个项目需要用到日历插件，在网上找了一部分感觉跟项目不对口，所以就查考了其他的日历插件做了一个。需求：如图：代码如下：index.wxml:<!--pages/pictruesign/pictrue.wxml--><view class='gs_banner'> <image src='../../image/banner.jpg'></image> <view class='gs_continue'> <view>每日坚持签到</view> <view>总共签...
2024-01-10微信小程序 modal组件详细介绍
modal弹出框常用在提示一些信息比如：退出应用，清楚缓存，修改资料提交时一些提示等等。常用属性：wxml<!--监听button点击事件--><button bindtap="listenerButton" type="primary">弹出modal</button><!--弹出框--><modal title="退出应用" hidden="{{hiddenModal}}" confirm-text="再看看" cancel-text="退出" bindconfirm="listenerCon...
2024-01-10
微信小程序篇：Flex布局
前置准备工作微信小程序中经常会使用的布局这一块的知识点，如果没有一个完整的知识体系，在布局的时候，经常会出现错误使用的情况，只要你掌握这篇文章内的知识点，基本上能胜任所有的Flex布局。相比较其他文章，这个文章更侧重于开发中的实际运用。而且是以演进的角度来讲解各种布局的...
2024-01-10微信小程序网络封装(简单高效)
废话引言小程序虽然出世很久了，但一直没怎么接触到小程序开发。吉他兴趣班老师想弄一个小程序发布课程信息和打卡功能，作为IT一员就自愿加入了这个小程序开发小组中。虽然小程序面向的是前端工程师，但作为移动端程序猿感觉甚是友好，加上有点前端基础就更是觉得入手很easy啦。微信小程...
2024-01-10
微信小程序实现底部弹出框
微信小程序的底部弹出框，供大家参考，具体内容如下wxml<!-- 弹出框 start --><view class="dialog_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view><view animation="{{animationData}}" class="dialog_attr_box" wx:if="{{showModalStatus}}"> <view style='background:white;position...
2024-01-10微信小程序：数据存储、传值、取值详解
小程序界面传值父级界面：A界面 子级界面：B界面一、url传值详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。 1. 正向传值：A界面 –>B界面用 navigator标签或 wx.navigator传值，A界面向B界面传id值A界面获取id值传向B界面如果需要传多个参数, 用 & 链接即可// 方法一：navigator标签...
2024-01-10微信小程序数据存储与取值详解
在小程序开发的过程，经常要需要这个页面输入的数据，在下一个页面中进行取值赋值。比如：在A页面input输入框，输入电话号码，点击添加。需要在B页面电话区域中，显示刚刚输入的电话号码。因为这是两个页面，就需要先存储，再取值。微信小程序提供了数据存储的API，wx.setStorage(OBJECT) 可以...
2024-01-10微信小程序异步处理详解
本文实例为大家分享了微信小程序异步处理的具体方法，供大家参考，具体内容如下直接看问题：然后看打印的结果：根据上面两图可以看出，代码上先执行的网络请求，再执行打印的变量，但是从下面打印的结果来看，先出结果的是执行打印变量的函数（aafn函数），再打印出网络请求success的回...
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-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寻找纸牌游戏获胜者的 C++ 程序
假设我们有一个数字 n，两个数组 A 和 B 的大小分别为 k1 和 k2。Amal 和 Bimal 正在玩有趣的纸牌游戏。有 n 张卡片，编号为 1 到 n。最初，卡片在它们之间分配。游戏进行如下：在每一轮，每个玩家拿出他们的一张牌（无论他们想要什么）并放在桌子上，这样其他玩家就看不到他们选择了哪张牌。然后，...
2024-01-10
C语言实现双人五子棋游戏
本文实例为大家分享了C语言实现双人五子棋游戏的具体代码，供大家参考，具体内容如下实现功能生成棋盘玩家1与玩家2对战，哪个玩家率先有连续5子连线，哪个玩家赢。如何实现组成：二维数组：board[ROW][COL],定义一个ROW*COL的棋盘。主要逻辑：显示棋盘，提示用户下子，下子后判断1.显示棋盘...
2024-01-10全部女孩VIP服务站是干嘛的 全部女孩VIP服务站微信小程序订单信息变换注意事项
全部女孩VIP服务站其实就是李佳琦直播预告片小程序，现如今改名了，大家只要根据李佳琦直播间付钱的粉丝们，能够在某宝变换积分兑换，这种积分兑换都能在全部女孩VIP服务站换取礼品，是一种很人性化服务项目哦！全部女孩VIP服务站是干嘛的关心的佳琦小程序名称成了：全部女孩VIP服务站由于好...
2024-01-10
企业微信注册企业教程
企业微信是一个非常专业的办公软件，很多用户不知道怎么在这个软件里注册企业，其实注册非常的简单方便，需要的用户千万不要错过了哦，快点下载试试吧。 企业微信怎么注册企业： 在手机端【我】->【设置】->【切换企业】->【右上角】->选择【创建企业】。 网页端点击>>>企业微信官方...
2024-01-10微信小程序 教程之注册页面
系列文章：微信小程序 教程之模块化微信小程序 教程之注册页面微信小程序 教程之注册程序微信小程序——PagePage()函数用来注册一个页面。接受一个object参数，其指定页面的初始数据、生命周期函数、事件处理函数等。object参数说明：属性类型描述dataObject页面的初始数据onLoadFunct...
2024-01-10
微信小程序拖拽实现
<view class='collectBox'bindtap='addCollect'wx:if="{{write[0]+write[1] > 0}}"bindtouchmove="touchmove"catch:touchmovestyle="left:{{write[0]}}px;top:{{write[1]}}px;"><image src='https://www.zhangshengrong.com/images/icon/addcollect.png'></image></view>// pa...
2024-01-10
微信小程序实现登录注册功能
本文实例为大家分享了微信小程序实现登录注册的具体代码，供大家参考，具体内容如下html：<form bindsubmit="handleSubmit" wx:if="{{ onoff }}"> 用户名： <input type="text" name='username'/> 密码： <input type="password" name='password'/> 手机号： <input type="text" name='phone'/> <button form-type="submit"> 注册 </...
2024-01-10微信小程序（三）：网络请求
前文讲配置的时候我们说过，开发小程序时可以选择有 APPID 和 无 APPID ，两种方式。1. 当有APPID的情况下，进行网络通信，只能和指定的域名进行通信。如果没有进行配置，编译时会报如下错误：配置方法：设置域名 需要在微信公众平台的小程序中设置域名。在微信小程序的设置界面可以看到设...
2024-01-10
微信小程序数据遍历
制作数据遍历的步骤在index.js中加入数据。在index.wxml中读取数据。wx:for-item可以指定数组当前元素的变量名wx:for-index可以指定数组当前下标的变量名这两个项也可以不指定，默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item。类似block wx:if，也可以将wx:for...
2024-01-10
微信小程序--Ble蓝牙
有一段时间没有。没有写关于小程序的文章了。3月28日，微信的api又一次新的更新。期待已久的蓝牙api更新。就开始撸一番。源码地址1.简述蓝牙适配器接口是基础库版本 1.1.0 开始支持。iOS 微信客户端 6.5.6 版本开始支持，Android 客户端暂不支持蓝牙总共增加了18个api接口。2.Api分类搜索类连接类...
2024-01-10微信小程序 tabs选项卡效果的实现
微信小程序 tabs选项卡效果前言：最近微信应用号是炒的如火如荼，热门满满，但是也可以发现搜索关键词出来，各类网站出现的还都是微信的官方文档解释。正好赶上这个热潮，这几天先把小程序技术文档看了个遍，就直接着手写案例了。很多组件微信内部已经封装完了，正好发现没有tab选项卡效...
2024-01-10
微信小程序获传值取值方法
微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法，1、设置id的方法标识跳转后传递的参数值；2、通过使用data - xxxx 的方法来标识要传递的值微信小程序设置id的方法标识来传值在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id（后面...
2024-01-10
