- 博客(20)
- 问答 (1)
- 收藏
- 关注
原创 vue,H5,Vant,iOS系统16.5中点键盘完成,van-popup,van-form背景不消失
vue,H5,Vant,iOS目前系统16.5中点键盘完成,van-popup,van-form背景不消失。ios系统升级后点键盘完成van-popup不兼容背景没有隐藏。解决办法设置高为100vhvh。
2023-06-14 17:46:57
407
1
原创 jq注释禁用当前页所有a链接
//注释掉所有的链接 $("a").each(function(){ $(this).attr("href","javascript:void(0);"); })
2022-03-29 11:31:52
305
原创 css使用技巧,持续更新。。。
css总结,觉得好用的一些属性,css也可以处理一些小的逻辑。持续更新。。。,1.使用css给指定后缀的a标签设置样式.content-container a[href$='.pdf'],.content-container a[href$='.doc'],.content-container a[href$='.docx'] { background: url('../imgs/icon.png') no-repeat 5.3333vw 50%; background-size: 2.66
2021-08-27 17:40:35
146
原创 封装获取 url参数
总结:function requestParam (paras) { var url = location.href; var paraString = url.substring(url.indexOf('?') + 1, url.length).split('&'); var paraObj = {}; for (i = 0; (j = paraString[i]); i++) { var curParam = paraObj[j.substring(0, j.ind
2021-08-26 11:13:52
101
原创 获取video播放时长
总结,记录$('.video').addEventListener("timeupdate", function () { localStorage.setItem('currentTime', this.currentTime)}, false);
2021-08-20 17:15:07
1224
原创 获取视频video播放次数
总结,记录 let playTimes = 0 $('.playbtn').on('click', function () { playTimes++ console.log(playTimes); })
2021-08-20 16:58:57
566
转载 用 IntersectionObserver api 监听元素曝光
总结:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Docume
2021-08-09 11:00:26
336
转载 js获取当前用户IP地址和城市
总结:引入:<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>直接获取IP和城市名:alert(returnCitySN['cip'] + returnCitySN['cname']);
2021-07-30 11:22:55
733
3
原创 charles抓包工具安装与使用
总结:官网下载:http://www.charlesproxy.com证书安装重新启动charles 查看证书使用选中需代理的页面,右击选择本地页面
2021-07-27 18:11:52
158
转载 如何使多个空白被浏览器保留?
总结:<p id="time" style="white-space:pre">如何使多个空白 被浏览器保留?</p>
2021-07-23 11:13:37
72
原创 使用css缩小字体,在浏览器缩小字体
遇到要更小的字的需求添加css属性:transform: scale(0.8);<p style=" transform: scale(0.8);">使用css缩小字体,在浏览器缩小字体</p>
2021-07-23 11:11:26
1766
转载 JS判断电脑(pc)还是移动端(mobile)
总结,记录:if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { alert("手机"); document.write('手机'); window.location.href = 'https://www.baidu.com'} else { alert("PC"); document.write('PC'); window.location.href = 'https://www.sohu.com'
2021-07-21 10:31:28
249
原创 html2canvas截图,海报,js生成图片并解决图片不清晰
总结:html: <div id="boox"> <div id="box"> <div id="test"> <div id="qrcod"> <img src="http://my.chinaz.com/Areas/ToolVip/Content/img/bannertxt.png" alt="" style="display: block;">
2021-07-20 16:42:53
469
原创 js生成二维码
总结:html: <div class="pull-left"> <div id="qrcode" style="width: 100px;margin:0 auto"></div> </div>js引入<script type="text/javascript" src="./js/qrcode.min.js"></script>js: var qrcode = new QRCode(doc
2021-07-20 16:37:59
316
4
原创 前端图片多张批量下载,zip包
查阅资料,记录总结: //批量下载点击事件 $(function () { $('.fn-left').on('click', '.batdowload_btn', function () { let imgsSrc = []; let time = new Date(); let Month = time.getMonth() + 1 <= 9 ? '0' + '' + (time.g
2021-07-20 16:33:35
601
原创 前端实现图片单张下载
查阅了好多,自己用在所需场景中总结:JS: //单张下载(方法) function downloadImgByBlob(src) { let canvas = document.createElement('canvas'); let img = document.createElement('img'); let imgSuffix = ''; if (src.includes('.jpg') || src.includes('.jpeg'))
2021-07-19 11:17:25
176
原创 H5微信二次分享
遇到微信二次分享,自己也查阅了好多,总结如下:引入<script type="text/javascript" src="./js/jweixin-1.6.0.js"></script> var url = location.href.split('#')[0]; //页面路径 var title = '分享标题'; var img = '分享图路径'; var desc = '分享描述'; $.ajax({
2021-07-18 15:07:24
408
原创 Juicer模板渲染举例
当前最新版本: 0.6.14Juicer 是一个高效、轻量的前端 (Javascript) 模板引擎,使用 Juicer 可以是你的代码实现数据和视图模型的分离(MVC)。除此之外,它还可以在 Node.js 环境中运行。你可以在遵守 MIT Licence 的前提下随意使用并分发它。Juicer 代码完全开源并托管在 Github 上,如果你在使用的过程中发现什么 Bug 抑或是一些好的建议都欢迎在 Github Issue 上提交。Juicer 的引入<script type="text/
2021-07-18 14:38:58
393
空空如也
跳转app的指定页面,我是不是要加某个参数?而这个参数是什么?
2021-08-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人