![](https://img-blog.csdnimg.cn/20191129143624607.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
javascript
文章平均质量分 50
LeungZhenPang
这个作者很懒,什么都没留下…
展开
-
countup.js 的简单使用
countup.jscountup.js 是一个轻量级,无依赖的JavaScript类,通过简单的设置就可以达到数字滚动的效果GitHub官网源码var CountUp=function(target,startVal,endVal,decimals,duration,options){var self=this;self.version=function(){return"1.9.2"};self.options={useEasing:true,useGrouping:true,separato原创 2021-03-22 10:56:42 · 8736 阅读 · 0 评论 -
JavaScript 中的 隐式转换
隐式转换介绍 在js中,当运算符在运算时,如果 两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再计算这种无需程序员手动转换,而由编译器自动转换的方式就称为 隐式转换隐式转换规则转化类型运算符说明转换成 String+ ‘任意字符串’+ 任意一边有字符串+ 都认为字符串连接符转换成 Number++/-- (自增自减运算符)+ - * / % (算术运算符) > < >= <原创 2020-05-24 18:21:24 · 682 阅读 · 0 评论 -
一图看懂 script 标签中 defer 和 async 的区别
浏览器渲染过程中遇到 JS 文件怎么处理? JavaScript 的加载、解析与执行会 阻塞文档的解析,也就是说,在构建 DOM 时,HTML 解析器若遇到了 JavaScript,那么它会暂停文档的解析,将控制权移交给 JavaScript 引擎,等 JavaScript 引擎运行完毕,浏览器再从中断的地方恢复继续解析文档。 也就是说,如果你想首屏渲染的越快,就越不应该在首屏就加载 JS 文件,这也是都建议将 script 标签放在 body 标签底部的原因。当然在当下,并不是说 script原创 2020-05-24 02:51:41 · 360 阅读 · 0 评论 -
CSS / JS 实现粘性头部(滚动到一定位置后固定)
要实现的效果: 当页面滚动到一定位置时,.nav position的值变为 fixedcss 实现.nav { position: sticky; top: 0px;} 粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位,之后为固定定位。 在 viewport 视口滚动到元素 top 距离小于 0px 之前,元素为相对定位。之后,元素将...原创 2020-05-08 16:45:28 · 11014 阅读 · 1 评论 -
如何获取鼠标位置,以及pageX/Y、screenX/Y、clientX/Y和offsetX/Y 的区别
如何获取鼠标位置当我们注册事件时,系统会自动给我们创建一个 事件对象 以参数的形式传递到函数内我们可以先打印一下 事件对象event ,看看里面到底有什么document.onclick = function(event){ console.log(event)}那该用哪个,它们又有什么区别呢?属性描述offsetX / offsetY相对于父盒子的...原创 2020-04-17 23:48:08 · 406 阅读 · 0 评论 -
如何判断 一个对象是 Array 还是 Object
Array.isArray()只需判断是否为数组时使用var a = [];Array.isArray(a); // truevar a ={};Array.isArray(a); // falseconstructor判断对象时–首推 (可判断 Arrray、Object、Number、Boolean、String)var a = [];a.constructor ...原创 2020-04-13 20:03:10 · 1606 阅读 · 0 评论 -
RequireJs 的简单使用
文章目录RequireJS 是什么引入 RequireJSmain.jsrequire()require.config()模块的写法RequireJS 是什么<script src="1.js"></script><script src="2.js"></script><script src="3.js"></script&...原创 2020-03-25 18:27:32 · 684 阅读 · 0 评论 -
如何获取表单 复选框checkBox 的值
<head> <meta charset="UTF-8"> <title>checkBox</title> <!--引入jquery文件--> <script type="text/javascript" src="jquery-1.8.3.min.js"></script>...原创 2020-03-23 14:37:58 · 6540 阅读 · 0 评论 -
浏览器存储技术 localStorage 、sessionStorage
文章目录localStoragesessionStorage区别 HTML5中与本地存储相关的两个重要内容:Web Storage与本地数据库。其中,Web Storage存储机制是对HTML4中cookie存储机制的一个改善。由于cookie存储机制有很多缺点,HTML5不再使用它,转而使用改良后的Web Storage存储机制。本地数据库是HTML5中新增的一个功能,使用它可以在客户端本地...原创 2020-03-04 14:10:16 · 261 阅读 · 0 评论 -
常用的 JS库 总结
文章目录moment.jsqs.jswow.jshtml2canvasmoment.js进入官网 javascript 日期处理库 添加中文语言: https://blog.csdn.net/zhouyingge1104/article/details/50596420qs.js qs是一个 url参数转化 (parse和stringify)的js库let url = 'http:/...原创 2020-02-29 15:01:59 · 1526 阅读 · 0 评论 -
防抖 和 节流 详解
防抖(debounce) 当 javascript 中函数触发的频率特别高时,我们需要限制它触发的评率。(好比如我们玩游戏的时候,每次释放完一次技能都会进入冷却时间,这个冷却的机制就是所谓的防抖)比如:监听浏览器滚动事件,返回当前滚条与顶部的距离function showTop () { var scrollTop = document.body.scrollTop || doc...原创 2020-02-21 16:50:51 · 4248 阅读 · 4 评论 -
一分钟图解闭包
概念 闭包函数:声明在一个函数中的函数,叫做闭包函数。 闭包:就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。特点 让外部访问函数内部变量成为可能; 局部变量会常驻在内存中;会造成内存泄漏(有一块内存空间被长期占用,而不被释放)...原创 2020-02-21 11:46:54 · 448 阅读 · 0 评论 -
理解 ES6 中的 Set 和 Map
Set ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。set不会使用强制类型转换来判断值是否重复,这意味着set可以同时包含number(5)和string(5)//创建let a = new Set() //使用new set()来创建a.add(4) //调用add()方法向集合中添加元素a.add('4')let b = new ...原创 2020-02-19 15:53:35 · 186 阅读 · 0 评论 -
JavaScript 中 arguments(参数) 的详解
arguments 意思为 参数形参:函数定义的参数实参:函数调用的实际传递的参数function fnc(a, b) { console.log(a + b)}fnc(2, 3) //5//这里的 a, b 是形参;2, 3 是实参实参个数 < 形参个数:参数匹配是从左向右进行匹配;如果实参个数少于形参,后面的参数对应赋值 undefinedfunction fn...原创 2020-02-17 15:48:20 · 560 阅读 · 0 评论 -
JavaScript 中 call()、apply()、bind() 的用法
call()、apply()、bind()是什么Function原型对象上的方法作用是用来重定义 this 这个对象的!例子function a() { console.log(this.uname)}const obj = { uname: 'Tom'}a() //undefineda.call(obj) //Toma.apply(obj) //T...原创 2020-02-16 22:55:00 · 65 阅读 · 0 评论 -
变量提升
解析:javascript并不是严格的自上而下执行的语言,它会将当前作用域的所有变量的声明提升到程序的顶部console.log(c)var c = 'c'其执行顺序是:var c //变量提升console.log(c) //undefindc = 'c' //赋值语句并不会提升函数提升当函数声明与其他声明一起出现的时候,是以谁为准呢?答案就是,函数声明高于一切,毕...原创 2020-02-15 16:56:05 · 72 阅读 · 0 评论 -
js中 数组、字符串 常用用函数
文章目录Array(数组)增删改查转换其他String(字符串)增改查Array(数组)增push() 向数组的末尾添加一个或多个元素unshift() 向数组的开头添加一个或多个元素,并返回该数组的新长度(该方法修改原有数组)。concat() 合并数组两个或多。此方法不会更改现有数组,而是返回一个新数组。删pop() 删除最后一个元素,并返回该元素的值。此方法更改数...原创 2020-01-10 11:29:14 · 183 阅读 · 0 评论 -
解决双击事件和单击事件绑定同一个元素的冲突
当我们触发双击事件是,会同时触发两次单击事件。 解决思路:单击事件后延时一定时间执行函数,如果这段时间内触发了双击事件则清除单击事件,如果这段时间结束了还没第二次点击则认为是单击事件,触发函数。var TimeFn = null;$('#div1').click(function () { // 取消上次延时未执行的方法 clearTimeout(TimeFn); ...原创 2019-11-27 17:23:16 · 2331 阅读 · 1 评论 -
Jquery和js常用语法对比
选择器JQueryjavascriptid$(’#nav’)document.getElementById(“nav”)类$(’.test’)document.getElementsByClassName(“test”)元素$(‘div’)document.getElementsByTagName(“div”)属性$("[name=‘uid’...原创 2019-10-08 10:22:09 · 351 阅读 · 0 评论 -
JS实现文本复制功能
原理:通过**document.execCommand(“Copy”)**将选中文本复制到剪切板此方法只对<input>和<textarea>有效,要复制其他文本,想办法将<textarea>中的vaule变成想复制的内容,然后通过select()方法选择文本,再调用 document.execCommand(“Copy”) 进行复制实现<!--...原创 2019-09-29 18:21:15 · 3277 阅读 · 1 评论 -
JS中阻止冒泡事件的三种方法
冒泡事件:比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡。<div class="box"> <button class="btn">按钮</button></div><script type="text/javascript"> $('.btn').click(functio...原创 2019-07-17 15:11:47 · 67113 阅读 · 4 评论