
H5
蒋不会
行你所行,听从你心,无问西东。
展开
-
H5抽奖小游戏万圣节抓南瓜
效果如下:游戏规则:把行走的南瓜拖到下方的"锅里"游戏倒计时30s,时间越短南瓜速度越快,抓住的南瓜积分达到120分即可获得抽奖机会整体思路:圈出南瓜行走区和煮锅区南瓜从行走区右方随机位置出现给南瓜添加“跳走”的动画南瓜“跳出”行走区后删除拖曳南瓜的时候检测touchmove事件,实时改变南瓜的位置拖曳的南瓜到达煮锅区的时候,南瓜被煮增加积分,删除南瓜时间到判断积分是...原创 2018-12-24 16:40:47 · 1082 阅读 · 0 评论 -
iOS微信端 audio 自动播放背景音乐
最近有一个要求添加背景音乐的需求,我jio得OK,音频文件发给我就好啦(~ ̄▽ ̄)~ 卟啦卟啦写完了,浏览器调试一切都没问题,最后测试才发现iOS系统的没 有 音 乐!!!嗯?瞬间就jio得才疏学浅~最后,也算是得到了解决, ̄へ ̄,iOS基于安全考虑的限制,不允许自动播放audio和vedio。解决方案: 监听WeixinJSBridgeReady事件微信的JS API建立在微信壳浏览...原创 2019-01-24 11:39:02 · 631 阅读 · 0 评论 -
H5监听摇一摇和手机倾斜事件(重力感应)
接口介绍:摇一摇功能(DeviceMotion)摇一摇功能是很多原生APP都可以实现的功能,如微信中的摇一摇找好友,QQ音乐中的摇一摇换歌等。它们都是利用了手机加速传感器提供的API,当监听到手机加速变化的事件时,根据获取的加速值来执行不同的动作。Web APP中HTML5 也提供了类似的接口,就是DeviceMotionEvent。DeviceMotion封装了运动传感器数据的事件,...转载 2018-12-19 10:46:34 · 4152 阅读 · 0 评论 -
微信H5测试答题抽奖
通过答题参与抽奖活动。根据用户选择的答案给出一个测评等级或系统评价如图:思路很简单:得到相应的题目和答案$(jason).each(function (j,e) { let jason=(that.data[i].answer)[j]; let keys = []; for (let p1 in jason) { if (jason.ha...原创 2019-01-09 15:56:49 · 4594 阅读 · 2 评论 -
安卓H5 微信浏览器location.reload()刷新页面无效
初步判断: 微信浏览器自身缓存,更多参考解决方案: window.location.href 代替,并在url后加时间戳或者随机数window.location.href = location.href+'?time='+((new Date()).getTime());...原创 2019-01-25 16:23:36 · 1856 阅读 · 0 评论 -
h5复制粘贴文字到剪切板
需求:点击按钮时复制某段文字,转发时可以直接粘贴<div id="copy-txt"> 前方高能预警,朋友圈文案在这里哦:**放大招,一分坐公交,还能领红包!</div><button onclick="copyTXT()">复制</button>原创 2019-01-26 11:32:00 · 14601 阅读 · 0 评论 -
canvas实现截屏功能 H5页面生成图片
最近发现各种测试结果,未来预测遍布朋友圈,生成个性名片,保存测试结果等等应用成了推广策划们的"常用技俩",总结一点就是网页截屏,通过用户自主填写或是答案生成图片然后发朋友圈或是其他的圈。而html2canvas 能帮助前端小白实现这一功能:html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。html2canvas 脚本将当页面渲染成一个Canvas图片,通过读取DO...原创 2019-01-16 16:33:13 · 9019 阅读 · 0 评论