自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 324 1

原创 H5页面在iOS网页中的数字被识别为电话号码

【代码】H5页面在iOS网页中的数字被识别为电话号码,解决办法

2023-06-14 17:43:24 174

原创 vue组件传值,父子传参

vue组件传值,父子传参

2022-08-18 12:41:41 225

原创 jq注释禁用当前页所有a链接

//注释掉所有的链接 $("a").each(function(){ $(this).attr("href","javascript:void(0);"); })

2022-03-29 11:31:52 276

原创 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 129

原创 封装获取 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 79

原创 获取video播放时长

总结,记录$('.video').addEventListener("timeupdate", function () { localStorage.setItem('currentTime', this.currentTime)}, false);

2021-08-20 17:15:07 1189

原创 获取视频video播放次数

总结,记录 let playTimes = 0 $('.playbtn').on('click', function () { playTimes++ console.log(playTimes); })

2021-08-20 16:58:57 521

转载 用 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 293

转载 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 660 3

原创 charles抓包工具安装与使用

总结:官网下载:http://www.charlesproxy.com证书安装重新启动charles 查看证书使用选中需代理的页面,右击选择本地页面

2021-07-27 18:11:52 97

转载 如何使多个空白被浏览器保留?

总结:<p id="time" style="white-space:pre">如何使多个空白 被浏览器保留?</p>

2021-07-23 11:13:37 54

原创 使用css缩小字体,在浏览器缩小字体

遇到要更小的字的需求添加css属性:transform: scale(0.8);<p style=" transform: scale(0.8);">使用css缩小字体,在浏览器缩小字体</p>

2021-07-23 11:11:26 1699

转载 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 224

原创 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 433

原创 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 301 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 535

原创 前端实现图片单张下载

查阅了好多,自己用在所需场景中总结: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 154

原创 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 372

原创 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 351

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除