摘要： 懒加载：也叫延迟加载。即在需要的时候进行加载，随用随载。 为什么需要懒加载？ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面 阅读全文

摘要： Promise和setTimeout执行顺序 面试题 最需要 解释的是：then和settimeout执行顺序，即setTimeout(fn, 0)在下一轮“事件循环”开始时执行，Promise.then()在本轮“事件循环”结束时执行。因此then 函数先输出，settimeout后输出。 set 阅读全文

摘要： 前言：forEach没有返回值！！！设置了返回值也没有返回值。 一、for循环的对比 运行结果：输出了1，2。 并且终止了循环。没有继续输出后面的4，5； ②、console.log(test()); 二、forEach循环的对比 运行结果：输出了1，2，4，5。 并没有终止循环，而是当item== 阅读全文

摘要： 函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。 大家大概都知道旧款电视机的工作原理，就是一行行得扫描出色彩到屏幕上，然后组成一张张图片。由于肉眼只能分辨出一定频率的变化，当高频率的扫描，人类是感觉不出来的。反而形成一种视觉效果，就是一张图。就像高速旋转的风扇，你看不到扇叶，只看到了一 阅读全文

摘要： 什么是节流函数？ 简单讲就是让一个函数无法在短时间内连续调用，只有当上一次函数执行后过了规定的时间间隔，才能进行下一次该函数的调用。或者说你在操作的时候不会马上执行该函数，而是等你不操作的时候才会执行。 函数节流的原理： 可通过使用定时器，在操作的时候让函数延时执行，如果在这个时间内还在操作，则清除 阅读全文

摘要： 数组实例的find()方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。 上面代码找出数组中第一个小于0的成员。 上面代码中，find()方法的回调函 阅读全文

摘要： 1.opacity opacity：0将元素本身及其子元素都置为不可见的，而元素本身依然占据它自己的位置并对网页的布局起作用，它会响应用户交互。 2.visibility visibility：hidden将元素本身及其子元素都置为不可见的，而元素本身依然占据它自己的位置并对网页的布局起作用，它不会 阅读全文

摘要： 什么是BFC 在一个web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks,table-cells,和table-captions 阅读全文

摘要： data-*属性用于存储页面或应用程序的私有自定义数据。 data-*属性赋予我们在所有HTML元素上嵌入自定义data属性的能力。 存储的（自定义）数据能够被页面的javascript中利用，以创建更好的用户体验（不进行Ajax调用或服务器端数据库查询）。 data-*属性包括两部分： 属性名不应 阅读全文

摘要： css之浮动布局(float,浮动原理,清除/闭合浮动方法) 1.什么是浮动： 在我们布局的时候用到的一种技术，能够方便我们进行布局，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置。 2.浮动的原理; 使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直 阅读全文