js
lcj529
这个作者很懒,什么都没留下…
展开
-
图片懒加载
什么是懒加载 懒加载顾名思义突出一个“懒”字,懒字就是拖延的意思,说白就是延迟加载。比如我们进入一个新的页面进行加载的时候,这个页面很长超过了屏幕可视区域的时候,那么懒加载就会优先加载我们可视区域可见的内容,剩余部分是当进入到可视区域之后再进行加载 为什么要懒加载? 懒加载是一种优化网页性能的一种方式,它极大的提高了用户的体验。举个栗子:就拿图片来说,一个网站,单个网页的页面上“图片”是构成页面主体的一个极大部分,但是在现在一张图片的大小超过几兆是一件很正常的事,那么就需要注意到一个问题:当用户在访问一个网原创 2020-09-08 22:42:49 · 64 阅读 · 0 评论 -
ES6新增 模板字符串 for...of
ES6新增 模板字符串 for…of 模板字符串 通过 反引号未定义变量,其中模板字符串中可以解析普通变量 模板字符串取值:${变量} 在模板字符串中也能做运算 for…of for…of语句讲课迭代对象(包括Array,Map,Set,String,TypeArray,arguments对象等等)上创建一个迭代循环,调用自定义迭代钩子,并为每个不同属性的值执行语法 通常对数组,对象,map set string遍历 对象不能用for…of 遍历(但可以通过object.entries来转换成可迭代对象进行原创 2020-09-07 19:19:44 · 591 阅读 · 0 评论 -
普通函数与箭头函数
普通函数与箭头函数 普通函数语法 function(){ } 例如: let add = function(){ console.log(1) } add() 普通函数:this的指向, 是指谁调用了这个函数,this就指向谁 箭头函数语法 ()=>{ } 简写:箭头函数参数,只有一个可以把()省略,函数体只一句js代码,可以省略掉{ } let add =()=>{ console.log(2) } add() 箭头函数中:this的指向,指的就是上下文中的this(是指父函数下和他同级的t原创 2020-09-04 19:23:48 · 162 阅读 · 0 评论 -
ES6 新特性
ES6新增特性 let和const let 定义变量 const 定义常量 相同点:都是定义变量 区别: 1.是否有变量提升 var有变量提升,let没有 2.是否能重复定义 var允许重复定义变量,let不允许重复定义 3.是否有块级作用域 { } 全局作用域:在函数外部定义的范围 局部作用域:在函数内部定义的范围 块级作用域:在{ }大括号中定义范围 symbol:是ES6新增的基本数据类型 number,string,boolean,null,undefined,symbol(ES6新增)原创 2020-09-03 23:50:04 · 100 阅读 · 0 评论 -
原型链
原型链 原型链会涉及到_ _proto __ prototype 应用场景:继承 优点:吧相同或类似的方法写在原型上,方便实例化对象复用 缺点:不好理解 ES6 推出 class extends 来实现继承 原型链的概念: 对象的_ _ proto _ 指向构造函数的prototype 构造函数的prototype的 _ proto _ 指向Object.prototype Object.prototype的 _ proto _ _指向null 原型链通俗讲:在访问一个属性或方法的时候,先从自身里面找,如原创 2020-09-02 20:15:09 · 98 阅读 · 0 评论 -
new的实现原理
new的实现原理 new的特点: new一个构造函数,会自动return一个实例对象 new完成的实例化对象,_ proto _自动指向构造函数的prototype new构造函数传参自动赋值给当前实例化对象 function objectFactory() { // 创建一个新的对象 const obj = {} // 获取第一个参数,arguments是类数组,不可直接调用shift方法 //此外因为 shift 会修改原数组,所以 arguments 会被去除第一个参数 const Construct原创 2020-08-31 20:05:02 · 430 阅读 · 0 评论 -
数组内置遍历方法
数组内置遍历方法 ES5数组循环 forEach() :就是for的升级版,forEach返回值undefined filter() :过滤 ,遍历满足条件的数组元素, 返回新数组 map(): 对原数组加工处理,得到一个新数组 reduce()归并,将多个值归并成一个值()作用常用于数组求和(购物车)4个参数:1函数执行后的上一次返回值 2.数组的每一项3.下标4.数组本身 some()循环对比 return 如果有一个符合条件的数据,返回true,都不符合返回false ES6 新增数组 fi原创 2020-08-27 20:59:05 · 162 阅读 · 0 评论