![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
h5工具
yingzhi3104
这个作者很懒,什么都没留下…
展开
-
前端文章合集
Vue 项目性能优化实践https://mp.weixin.qq.com/s/zOgx6HmI2tK06vHlWOp4Mw原创 2020-07-27 15:21:16 · 151 阅读 · 1 评论 -
h5使用vue+quagga识别条形码图片
最近有一个需求,要求扫描识别条形码,研究了各种方法,最后选定了拍照上传图片,然后使用quagga识别这一方案使用demo:拍照上传图片这里尝试了两种方法,一种是原生的input实现,一种是使用了vant上传组件quagga可使用npm下载,https://www.npmjs.com/package/quagga<template> <div class="h...原创 2020-04-16 14:41:23 · 5925 阅读 · 7 评论 -
一键复制功能
需要引入jquery,clipboard http://lib.baomitu.com/jquery/2.2.4/jquery.min.js http://lib.baomitu.com/clipboard.js/1.6.1/clipboard.min.jsgithub:https://clipboardjs.com/一键复制<p id="itemWord" class="itemWord"原创 2017-12-04 17:17:20 · 1531 阅读 · 0 评论 -
图片拖动旋转缩放裁剪
引入css文件<link rel="stylesheet" type="text/css" href="css/cropper.css"/>引入js文件<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>//手势<script src="resources/hammer.js"原创 2017-12-04 17:41:10 · 958 阅读 · 1 评论 -
刮刮卡
实现思路用canvas画三层, 最下面的一层为奖品图片 中间一层为灰色的刮卡层 最上面一层是用户的滑动范围利用canvas的destination-out 让相加的部分变透明 //只绘制先绘制图形不相交的部分,由先绘制图形的填充覆盖,其余部分透明,全部浏览器通过Canvas里的globalCompositeOperationjs代码class RafflePages extends Base原创 2017-12-05 17:54:55 · 213 阅读 · 0 评论 -
控制loading
loading加载的太快,看不到loading的效果function rate(cb, delay = 400, count = 100){ const time = delay / count; let num = 0; const call = function (){ num += 1; if(cb)cb(num, count); setTime原创 2017-12-06 12:11:04 · 281 阅读 · 0 评论 -
禁止 上滑下滑的时候出现微信浏览器的黑色背景
在做微信h5开发的时候,当你在页面中滑动或者拖拽的时候,整个网页也会跟着动,然后会露出微信浏览器的黑色背景,还能看到域名。一般做法是这个: 给body标签添加禁止滑动或者拖拽事件document.body.addEventListener('touchmove' , function(e){ e.preventDefault();})可是用了这种方法,当某个页面是需要滚动的...原创 2017-12-06 14:27:04 · 9692 阅读 · 4 评论