JavaScript
.利。
生命是一种体验,要么出众,要么出局。
展开
-
在线预览文件
【代码】在线预览文件。原创 2022-08-26 16:57:34 · 75 阅读 · 0 评论 -
js实现pc网页等比缩放到移动端(h5)展示
pc网页在手机端预览时,会存在样式混款,横向滚动,此时我们想让pc的网页等比缩小到移动端展示网页,直接加以下js就好啦:原创 2022-07-01 15:57:42 · 3720 阅读 · 0 评论 -
canvas绘制图片,html2canvas截图绘制
canvas绘制图片html代码:<canvas id="myCanvas"></canvas>js代码:var mycanvas=document.getElementById("myCanvas");var ctx=mycanvas.getContext("2d");var img=document.createElement("img");img.src='';//图片路径img.onload=function(){ mycanvas.width=im原创 2022-01-12 11:11:09 · 336 阅读 · 0 评论 -
移动端vh布局软键盘弹起改变高度问题
问题描述在移动端使用vh布局。当页面中包含input、textarea输入框的时候,或者有调起软键盘的操作时,安卓浏览器下,可视窗口的高度改变,导致页面上的vh重新计算,页面被压扁。ios下的浏览器(safari)没有这个问题。原因在ios下,软键盘是叠在可视窗口上面的,也就是不影响可视窗口的大小。但是在安卓,软键盘是在窗口中,即占用窗口的面积。解决方案理论:给viewport设置height值,可用window.innerHeight赋值。旋转的时候重新设置<meta name="vie原创 2021-10-10 15:23:46 · 1419 阅读 · 0 评论 -
使用Object.assign IE提示对象不支持“assign”属性或方法兼容处理
原始代码:function renderRecommended(data){ let searchRankHtml = ''; var n = 1; $.each(data.list, function (i, e) { searchRankHtml += "<li><a class='c" + n +"'>" + e.title + "</a></li>" if(n > 3){ n = 0 } n++; })原创 2021-06-23 16:25:29 · 909 阅读 · 0 评论 -
接口请求跨域携带cookie
一个需求,在a域名下要去调用b域名下的接口,并且将a域名下的cookie携带过去jq中的ajax处理$.ajax({ url:'', type:"get", data:{}, async:false, timeout:3000, dataType:"json", xhrFields: { withCredentials: true //解决跨服务传递时不传递cookie的问题,允许携带证书 }, success:funct原创 2021-05-19 15:19:36 · 1463 阅读 · 1 评论 -
iframe根据内容自适应高度
以下方法适用于两个网页同源如果两个网页不同源,就无法拿到对方的DOM<iframe id="iframe" width="1200" src="" ></iframe><script type="text/javascript">window.onload = function () { document.getElementById("iframe").height=0; document.getElementById("iframe").heig原创 2021-05-18 16:50:11 · 261 阅读 · 0 评论 -
后端返回图片验证码数据流,前端ajax请求处理显示在页面
验证码后端返给前端的是一张图片,如下:再看看response里的返回此时前端用jquery的ajax请求如果直接去拿返回值,就会发现...额...乱码了啊(数据流)于是就对这对数据流进行各种转换,发现都有不能展示,最后换了使用XMLHttpRequest发送Ajax请求方式进行如下操作//html代码<img src="" id="code" alt="" />//js代码//获取图片验证码function getImgCode(){ var wind原创 2021-05-10 15:53:19 · 2765 阅读 · 2 评论 -
移动端检测更新安装包
app常常会遇到检测安装包版本并且更新版本的需求,直接上代码: let os = navigator.userAgent; document.addEventListener('plusready', () => { plus.runtime.getProperty(plus.runtime.appid, inf => { let ver = inf.version; if (/iPhone/.test(os)) { this.$http.原创 2021-01-21 10:16:42 · 139 阅读 · 0 评论 -
深拷贝浅拷贝的理解
如上,通过对数组的for循环,即可实现对数组的深拷贝了。通过Array对象的纯函数能更快的实现一层深拷贝:[2,3,5,7,11].map(x=>x)原创 2020-11-16 11:31:52 · 498 阅读 · 0 评论 -
前端常用的动画库
一、Animate.css目前最通用的动画库,是一个CSS3动画库,内置了很多典型的css3动画,兼容性好使用方便。动画演示使用文档二、Anime.js一个强大的、轻量级的用来制作动画的javascript库。它适用于任何CSS属性,单个CSS转换,SVG或任何DOM属性以及JavaScript对象。使用文档三、Magic.css一款独特的CSS3动画特效包,你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件: magic.css 或者压缩版本 magic.min.css转载 2020-10-22 17:17:09 · 6071 阅读 · 0 评论