🥇社会上，需要靠一些法律和法规去约束一些行为。开发中也是如此。如果单靠道德，那将毫无约束力，到最后，全凭良心和惯性。在react项目团队开发中，如何约束规范，多人开发也不乱。➡

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…

前端性能优化 14 条规则，让你的网站快到飞起

函数防抖与函数节流

浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…

继上次的优化手段，测试都是基于本地的，主要涉及到数据请求方面，而这次优化是基于打包后的项目展开，本以为这次项目优化的已经非常不错了，可是打包后vendor.js体积过大，还有首屏的图片过大，导致初次进入页面竟然要等到20秒甚至更多，这期间，页面始终处于白屏状态，在此之前，我并未…

八一八本次项目中使用的优化手段，以及自己从中获得的知识。 由于本次项目较为复杂，模块较多，（当然不比大型电商网站），首页的请求就有8个，并且是精简之后的，稍有不慎，白屏现象就会很严重。体验极差。 1. 分类 2. 轮播图 3. 推荐 4. 收藏数 5. 购买数 6. 案例展示 …

debounce函数限制了lazyLoad的触发频率，800ms等待时间内scroll时间再次触发则重置时间，术语叫防抖。这就完了?nonono!假设我们把wait设的大点，2s，如果用户一直滑动滚动条，时间不断被重置，造成的效果是lazyLoad一直不被执行，图片加载不出来，…