JS
热爱技术的CC
热爱生活,热爱技术
展开
-
防抖动函数与函数节流例子
函数防抖 debounce原理:将若干函数调用合成为一次,并在给定时间过去之后,或者连续事件完全触发完成之后,调用一次(仅仅只会调用一次!!!!!!!!!!)。函数节流 throttle原理:当达到了一定的时间间隔就会执行一次;可以理解为是缩减执行频率举个栗子:还是以scroll滚动事件来说吧,滚动事件是及其消耗浏览器性能的,不停触发。以我在项目中碰到的问题,移动端通过scroll实现分...原创 2019-10-22 00:17:26 · 223 阅读 · 0 评论 -
es6中set的了解
//创建set数据结构// const s1 = new Set(); // console.log(s1.size) // const s2 = new Set(["a", "b"]); // console.log(s2.size)//数组去重 // const s3 = new Set(["a","a","b","b"]); // console.log(s3....原创 2019-10-20 13:50:32 · 138 阅读 · 0 评论 -
js中正则表达式的理解
// 正则表达式在js中的使用 // 1. 利用 RegExp对象来创建 正则表达式 var regexp = new RegExp(/123/); console.log(regexp); // 2. 利用字面量创建 正则表达式 var rg = /123/; // 3.test 方法用来检测字符串是否符合正则表达式要求的规范 con...原创 2019-10-20 12:21:39 · 389 阅读 · 1 评论 -
浅拷贝和深拷贝
浅拷贝过去的只是地址,两个对象的age指向的是同一份数据// 深拷贝拷贝多层, 每一级别的数据都会拷贝. var obj = { id: 1, name: 'andy', msg: { age: 18 }, color: ...原创 2019-10-20 12:07:36 · 136 阅读 · 0 评论 -
函数内this的指向以及改变指向的call、apply、bind方法
原创 2019-10-20 11:40:47 · 105 阅读 · 0 评论 -
navigator对象与history对象
原创 2019-10-20 10:50:34 · 117 阅读 · 0 评论 -
js继承方式
想要继承,就必须要提供个父类(继承谁,提供继承的属性) 一、原型链继承重点:让新实例的原型等于父类的实例。特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!)缺点:1、新实例无法向父类构造函数传参。2、继承单一。3、所有新实例都会共享父类实例的属性。(原型上的属性是共享的,一个实例修改了原型属性,另一个实例的原型属性...原创 2019-10-20 10:40:34 · 135 阅读 · 0 评论 -
ES6中新增的基本数据
在 ES6 有 7 种基本数据类型:undefined、null、Boolean、String、Number、Object、Symbolundefined(未定义):表示变量未初始化,属性不存在,函数没有返回值null(空值):表示变量为空值Boolean(布尔值):true 或 falseString(字符串):单引号字符串 ‘’ 或 双引号字符串 “”Number(数值):范围 [-...原创 2019-10-20 09:59:03 · 203 阅读 · 0 评论 -
关于原型与原型链的理解
构造函数某种程度上是一个对象,即每一个对象都有prototype属性,该属性成为原型,该属性可以是一个对象也可以是一个null值,如果是一个对象,则该原型也有一个prototype属性,于是形成了一条线性链,成为原型链。以下总结解释拿构造函数来解释原型和原型链,原型因为通常是一个对象,所以称为原型对象,构造函数实例化的每一个对象都有一个__proto__属性,指向的是原型,是es6中新增的,之前...原创 2019-10-20 00:33:49 · 317 阅读 · 0 评论 -
js继承方式
一、对象冒充Js代码 收藏代码//对象冒充,是指将父类的属性和方法一起传给子类作为特权属性和特权方法function Person(name,age){this.name = name;this.age = age;this.sayHi = function(){alert(‘hi’);}}Person.prototype.walk = function(){alert(‘...原创 2019-10-19 23:08:56 · 97 阅读 · 0 评论 -
location对象
原创 2019-10-19 20:40:18 · 130 阅读 · 0 评论 -
call apply bind总结
原创 2019-10-17 11:40:04 · 65 阅读 · 0 评论 -
浏览器渲染过程
DMO加载过程:网页文档加载都是按顺序执行的。一般浏览器渲染操作顺序大致是一下几个步骤:1.解析HTML结构2.加载外部脚本和样式表文件3.解析并执行脚本代码4.构造HTML DOM模型5.加载图片等外部文件6.页面加载完毕...原创 2019-10-21 22:23:29 · 78 阅读 · 0 评论