![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 59
春风欲雨
这个作者很懒,什么都没留下…
展开
-
时间格式的处理方法总结以及时间格式和时间戳之间的转换方式,以及如何计算日期相差的天数
1、Date()——返回此刻的日期和时间。 "Wed Aug 21 2019 10:07:20 GMT+0800 (中国标准时间)"2、getDate()——从 Date 对象返回一个月中的某一天 (1 ~ 31)。new Date().getDate() 21(号)3、getDay() ——从 Date 对象返回一周中的某一...原创 2019-08-28 10:18:46 · 1300 阅读 · 0 评论 -
return的作用
一、什么是return?return 语句的作用是终止一个函数的执行,结束当前代码块中return后的语句,即return后的语句不再执行,从当前函数退出,为该函数返回一个指定的expression 值。如果 expression 被省略, 或在函数内没有 return 语句被执行,则把值 undefined 赋给调用当前函数的表达式。即当函数执行return后,函数体将被赋值为函数的返回...原创 2019-08-30 16:17:51 · 72868 阅读 · 9 评论 -
New的用法及其作用
var Func=function(){};var func=new Func ();new共经过了四个阶段:1、创建一个空对象var obj=new Object();2、设置原型链obj.__proto__= Func.prototype;3、让Func中的this指向obj,并执行Func的函数体。var result =Func.call(obj);4、判断F...原创 2019-08-30 16:17:03 · 524 阅读 · 0 评论 -
三元表达式
一:学会区分布尔值的判定只要不是 false, 0, undefined, NaN, " " , null,JS都会将其认为是true;二:语法规则表达式 (expr1) ? (expr2) : (expr3)在 expr1 求值为 TRUE 时的值为 expr2,在 expr1 求值为 FALSE 时的值为 expr3。三:普通用法三元表达式的普通用法...原创 2019-08-30 16:14:39 · 522 阅读 · 0 评论 -
定时器
1、JS中的定时器有两种:window.setTimeout([function],[interval]) 设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成定时器停止!但是定时器还在,只不过没用了,即只执行一次;window.setInterval([function],[interval]) 设置一...原创 2019-08-30 16:18:17 · 267 阅读 · 0 评论 -
HTML转化canvas 图片并保存到本地
1. 安装插件npm install html2canvas --save现在最新的版本应该是1.0.0,另外还有一个比较经典的版本是0.5.0,网上有许多关于这个版本的bug说明。2. 使用<div class="imageWrapper" ref="imageWrapper"> <img class="real_pic" :src="dataU...原创 2019-08-29 09:46:18 · 1628 阅读 · 0 评论 -
前端对富文本如何处理
一:首先根据vue中的ref标记(例如:this.$refs.descriptionInfo.$el.children)获取到富文本元素中的所有标签返回的结果是一个数组:[ 0: img ,1: h1 length: 2 ] 注意:拿到的数组可能是一个伪数组,打印出长度为零:Collection有length属性,但是js调用时length为0的问题,这里获取到的是个伪数组...原创 2019-08-29 09:32:26 · 7774 阅读 · 1 评论 -
事件委托
利用事件冒泡的原理,就是让自己的所触发的事件,让他的父元素代替执行!当有多个类似的元素需要绑定事件时,一个一个去绑定即浪费时间,又不利于性能,这时候就可以用到事件委托,给他们的一个共同父级元素添加一个事件函数去处理他们所有的事件情况代码分析:可能大家会疑惑,我们并没有给li分别设置点击函数,为什么点击相应的li却会产生效果,我们可以这么理解,虽然我们没有给li设置点击事件,但是默认的点击事...原创 2019-08-29 09:13:58 · 324 阅读 · 0 评论 -
如何阻止事件冒泡
冒泡型事件:事件按照从特定的事件目标到不特定的事件目标(document对象)的顺序触发。事件捕获和事件冒泡属于两个相反的过程,这里可以有一个我感觉十分恰当的比喻,当你把一个可以漂浮在水面上的物品,使劲向水里砸下去,它会首先有一个下降的过程,这个过程就可以理解为从最顶层向事件发生的最具体元素(目标点)的捕获过程;之后由于浮力大于物体自身的重力,物体会在到达最低点( 最具体元素)之后漂浮到水面上...原创 2019-08-29 09:13:19 · 828 阅读 · 0 评论 -
区别移动端和PC不同浏览器从同一域名访问后自动重定向到不同网页(PC和移动端两套不同代码)
<script type="text/javascript">if(/Android|webOS|iPhone|ipod|BalckBerry/i.test(navigator.userAgent)){window.location.href="移动端地址"console.log(/Android|webOS|iPhone|ipod|BalckBerry/i.test(n...原创 2019-08-28 11:45:20 · 1471 阅读 · 0 评论 -
如何实现点击下载文件
Window.open(url) 优点:兼容性较好,兼容所有主流浏览器 缺点:会打开一个新的空白页面,并立即关闭Window.location.href=url 优点:兼容性较好,兼容所有主流浏览器(建议使用此方法)a标签的downlod属性通过a标签的downlo属性也可以实现下载,但兼容性较差...原创 2019-08-28 11:36:14 · 1037 阅读 · 0 评论 -
当页面元素出现在浏览器可视区域时才触发该动画样式
原理:通过比较可视区域的高度 innerHeight与该元素近距离可视区域顶部的距离的大小关系来决定是否触发(类名的增加与删除)默认一个页面只能同时存在一个window.onscroll函数.注意:具体的参数计算要根据自己的实际情况进行选取,而且最好将目标元素在控制台打印出来,到其原型链上寻找目标属性,避免出现null或者undefined即目标元素属性为空的情况案例:当目标元素滚动到可视...原创 2019-08-28 11:31:55 · 4407 阅读 · 0 评论 -
数组的处理方法总结
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。语法: arrayObject.concat(arrayX,arrayX,......,arrayX) 参数 描述 arrayX 必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。 ...原创 2019-08-28 11:17:21 · 382 阅读 · 0 评论 -
关于this指向的详解
隐式绑定关于this,一般来说,谁调用了方法,该方法的this就指向谁,例如:function foo() { console.log(this); console.log(this.a); } var a = 3; var obj = { a: 2, foo: foo }; ...原创 2019-08-28 10:36:36 · 350 阅读 · 0 评论 -
addeventlistener 事件监听
语法element.addEventListener(event, function, useCapture);event 为必须参数,类型为字符串,用于指定事件名。注意: 不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"。function 也为必须参数。指定要事件触发时执行的函数。事件对象会作为第一个参数传入函数。 事件对象的类型...原创 2019-08-30 16:18:05 · 994 阅读 · 0 评论