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