![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
Luckily_SY
大多为总结性文章或自己遇到的问题
展开
-
vue组件传值,父子传参
vue组件传值,父子传参原创 2022-08-18 12:41:41 · 193 阅读 · 0 评论 -
jq注释禁用当前页所有a链接
//注释掉所有的链接 $("a").each(function(){ $(this).attr("href","javascript:void(0);"); })原创 2022-03-29 11:31:52 · 263 阅读 · 0 评论 -
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 · 98 阅读 · 0 评论 -
封装获取 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 · 65 阅读 · 0 评论 -
获取video播放时长
总结,记录$('.video').addEventListener("timeupdate", function () { localStorage.setItem('currentTime', this.currentTime)}, false);原创 2021-08-20 17:15:07 · 1157 阅读 · 0 评论 -
获取视频video播放次数
总结,记录 let playTimes = 0 $('.playbtn').on('click', function () { playTimes++ console.log(playTimes); })原创 2021-08-20 16:58:57 · 504 阅读 · 0 评论 -
charles抓包工具安装与使用
总结:官网下载:http://www.charlesproxy.com证书安装重新启动charles 查看证书使用选中需代理的页面,右击选择本地页面原创 2021-07-27 18:11:52 · 71 阅读 · 0 评论 -
使用css缩小字体,在浏览器缩小字体
遇到要更小的字的需求添加css属性:transform: scale(0.8);<p style=" transform: scale(0.8);">使用css缩小字体,在浏览器缩小字体</p>原创 2021-07-23 11:11:26 · 1658 阅读 · 0 评论 -
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 · 411 阅读 · 0 评论 -
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 · 234 阅读 · 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 · 496 阅读 · 0 评论 -
前端实现图片单张下载
查阅了好多,自己用在所需场景中总结: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 · 140 阅读 · 0 评论 -
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 · 360 阅读 · 0 评论 -
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 · 339 阅读 · 0 评论