当一个有很多图片的网站首屏加载时,用户的可视区域只能看到20%的图片,如果这时候就请求所有图片资源显然是不合理的,不仅影响页面的渲染速度,还浪费用户的带宽.
那么我们就根据用户的可视区域进行图片的懒加载. 同时使用函数防抖和函数节流提升用户体验!
使用Flex实现圣杯布局
之前写css样式的时候总是会用position/float来布局页面,结果导致层级混乱. 使用了css3的flex布局后就使代码简洁了许多,下面就用flex实现经典的圣杯布局.
ES5 & ES6 实现对象深度克隆
前端在处理数据时,经常会需要对象的克隆,当使用 = 号赋值一个对象时,这是常见的引用赋值.接收方改变任意属性会直接改变赋值方的值.为了不影响源对象,就有了浅克隆和深克隆!