![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端杂项
金刚腿
这个作者很懒,什么都没留下…
展开
-
print.js分页,铺满纸张打印
问题打印A和B两个区域, 高度大于一张A4纸高度, 如何保证两个区域分别铺满在A4纸上A4纸宽度: 210mm; 高度:297mm;普通打印: 思路:打印内容超出一张纸高度时,根据纸张大小,设置打印区域的zoom,按比例缩小打印依赖函数Print.js,采用iframe绘制并打印 (复制调用即可)/***** iframe打印 * @param dom 打印区域的class, id * @param options.margin 控制页眉页脚, 默认 4原创 2020-11-23 11:40:52 · 6096 阅读 · 0 评论 -
C-LODOP打印插件使用
事例为vue中使用安装安装c-lodop插件CLodop_Setup_for_Win32NT.exe 和 打印机对应驱动下载引入CLodopfuncs.js至目录下载地址编写LodopFuncs.js用于加载clodop,用于打印前判断c-lodop是否安装和加载注意: 依赖 CLodopfuncs.js,CLodop_Setup_for_Win32NT.exe 注意下面代码中的引入路径, 具体按照实际情况修改var CLodopJsState;//====加载C-Lodop的过程(用s原创 2020-08-24 09:32:48 · 7991 阅读 · 0 评论 -
按钮实现水波纹效果(CSS3和Canves)
这种效果可以由元素内嵌套canves实现,也可以由css3实现。 Canves实现 网上摘了一份canves实现的代码,略微去掉了些重复定义的样式并且给出js注释,代码如下 html代码:<a class="btn color-1 material-design" data-color="#2f5398">Press me!</a>css代码: ...原创 2018-09-03 10:17:37 · 1186 阅读 · 0 评论 -
js递归算法
案例:农场买了一只小羊,这种羊在第一年是小羊,第二年的年底会生一只小羊,第三年不生小羊,第四年的年底还会再生下一只小羊,第五年就死掉了。要计算N年时农场里有几只羊。 凡是碰到“一生二、二生三、三生万物”的问题,无疑用递归算法(顺便和斐波那契数列联系起来)。下面是一个js实现的完整的代码:function sheepNum(year){ var num = 1; ...转载 2018-09-05 10:55:44 · 1707 阅读 · 0 评论 -
处理urlSearchParams的兼容
cmd中找到cd到你文件位置,执行下面命令:npm install url-search-params-polyfill --save文件入口js中引入import 'url-search-params-polyfill';原创 2018-09-15 11:29:44 · 3773 阅读 · 0 评论 -
常用的sort打乱数组方法真的有用?
JavaScript 开发中有时会遇到要将一个数组随机排序(shuffle)的需求,一个常见的写法是这样:function shuffle(arr) { arr.sort(function () { return Math.random() - 0.5; });}或者使用更简洁的 ES6 的写法:function shuffle(arr) { arr....转载 2018-10-10 11:45:11 · 200 阅读 · 0 评论 -
图片预加载处理
项目开发常用函数$params: 类名, 回调 function imgPreLoad(x, callback){ var imgArray =document.querySelector(x) var oldpath = [] for(var i = 0 ;i &amp;amp;amp;amp;lt; imgArray.leng...原创 2018-12-15 14:00:46 · 280 阅读 · 0 评论 -
解决wx.getLocalImgData在安卓上的兼容问题
wx.getLocalImgData({localId: '', // 图片的localIDsuccess: function (res) {var localData = res.localData; // localData是图片的base64数据,可以用img标签显示}});在开发过程中,在IOS上得到的数据是一个图片的base64码,而在安卓机上得到的是没有头部的base64...转载 2019-01-15 12:43:23 · 5586 阅读 · 19 评论 -
微信jssdk录音功能开发记录
原文链接转载 2019-02-28 11:57:17 · 664 阅读 · 0 评论 -
解决`play() failed because the user didn‘t interact with the document`
详情见: Chrome 66禁止声音自动播放,开发怎么应对?转载 2019-03-11 16:37:15 · 40451 阅读 · 1 评论 -
git lfs操作指南
转载地址转载 2019-03-19 11:09:38 · 398 阅读 · 0 评论 -
图片压缩和上传
思路与步骤:1.原图画成限制高度的canvas2.canvas转base64格式图片3.base64格式转blob对象4.blob对象添加formData对象之后上传具体如下: //上传基于jquery,如需请引用 //添加图片返回的对象 var files=this.files[0] ...原创 2018-08-31 16:14:34 · 432 阅读 · 0 评论 -
弹性布局水平垂直居中兼容性
#centerBox{ border:1px solid red; height: 100px; width: 100px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack...原创 2018-07-19 14:38:23 · 1111 阅读 · 0 评论 -
Blob / DataURL / canvas / image的相互转换
函数都比较简单/*-----------------------------------------------------------------------*/// canvas转dataURL:canvas对象、转换格式、图像品质function canvasToDataURL(canvas, format, quality){ return canvas.toDataURL(...原创 2018-07-21 15:20:36 · 776 阅读 · 0 评论 -
Node 解决跨域问题 JSONP与CORS
Node 解决跨域问题 JSONP与CORS今天浅谈一下Node解决跨域的问题,其实跨域这个问题因为同源策略而一直存在的,是前端的必经之路,原来一直在用CORS,对于JSONP都忘的差不多,今天遇到一些小问题居然也懵了圈,以前也没有写过关于这方面的博文,所以今天特地拿出来写一下,希望能帮到大家。CORS 与 JSONP的区别CORS全称为跨域资源共享”(Cross-origin r...转载 2018-08-14 10:18:04 · 187 阅读 · 0 评论 -
axios合并请求
axios.all([ axios.get('/api/service1'), axios.get('/api/service2'), axios.get('/api/service3'), axio...原创 2018-08-18 13:54:08 · 903 阅读 · 0 评论 -
使用URLSearchParams处理axios.post发送的数据
在使用axios这个ajax插件的时候,我们有些时候会遇到一些问题,比如:数据格式不正确 以最简单的例子为基础(这里使用post方法): 在上面的例子中我们直接调用axios的post方法,传给后台的参数为json格式,这和jquery的ajax写法相当类似! 但是,axios发送的数据格式和jquery ajax发送的默认数据格式却不相同,接下来让我们来看一下不同之处:...转载 2018-08-18 13:58:47 · 662 阅读 · 0 评论 -
JS---unix时间戳和格式化日期互转
1.unix时间戳转日期方法一:var formatTime=function(timestamp){ //传入时间戳,不传默认为今日 if(timestamp){ var date = new Date(timestamp); }else{ v...原创 2018-08-22 17:19:07 · 1964 阅读 · 0 评论 -
JS---获取前n日、后n日数组
1.后n日数组//d->今日格式化日期 n->后多少天var getAftertime=function(d,n){ d = d.replace(/-/g,'/') //解决低版本解释new Date('yyyy-mm-dd')这个对象出现NaN var date = new Date(); ...原创 2018-08-22 17:24:53 · 380 阅读 · 0 评论 -
JS转换HTML转义符的方法
//去掉html标签function removeHtmlTab(tab) { return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签 } //普通字符转换成转意符function html2Escape(sHtml) { return sHtml.replace(/[<>&"]/g,f...转载 2018-06-28 18:51:22 · 809 阅读 · 0 评论 -
倒计时及24小时生命周期cookie设置
<input type="text" value="" id="date2"><input type="button" onclick="go(document.getElementById('date2').value);" value="开始"><div id="timer">原创 2018-06-02 13:55:50 · 239 阅读 · 0 评论 -
JavaScript instanceof 运算符深入剖析
instanceof 运算符简介在 JavaScript 中,判断一个变量的类型尝尝会用 typeof 运算符,在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似,用于识别正在处...转载 2018-08-24 09:53:41 · 135 阅读 · 0 评论 -
阻止a标签跳转的几种方法
1.return falsedocument.getElementsByTagName('a')[0].onclick=function(){ return false}2.阻止默认事件document.getElementsByTagName('a')[0].onclick=function(event){ event.preventDefault();}3.奇技淫巧...原创 2018-07-19 14:12:57 · 919 阅读 · 0 评论