哈喽～掘友们～大家在日常开发中，性能优化是普遍会遇到的问题。 性能是留住用户很重要的一环，开发者们希望用户能在网站上进行有意义的交互。本期技术专题让我们共同记录性能优化实战吧～

总结了一下前端性能优化的方法，这是面试必然会遇到的问题。大概的话就是比较常见的方法，其实很多方法也有利有弊，互相学习。

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

web开发中，写“bug”和改“bug”同样重要；记录一次web devtool 调试文档阅读摘录。

转转在早期团队较小的时候，没有太多规范，遇到问题用自己最擅长的方式去解决就行。随着公司发展，团队越来越大，因为没有统一规范而造成的问题也越来越多，例如 等等。。。 基于这些问题，我们在去年上半年，制定了一个转转前端开发规范，经过这大半年的实践，达到了预期的效果。接下来我会具体介…

看到标题，大家就能想起这个需求在很多项目上都能用到。我们部署在Web服务器上的前端应用，既可以用PC浏览器访问，也可以用手机浏览器访问，再加上现在智能设备的推广，我们甚至能在车载系统、穿戴设备和电视平台上访问。 设备的多样化让用户无处不在，有时候我们需要根据不同的浏览器运行环境…

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。 如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用…

大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint，为了解决代码不严谨，通过预设规则校验代码，检测其是否存在错误/漏洞，并对错误/漏洞提示修复方案并尽可能依据修复方案格式化出正确代码。该功能称为…

大家好，我是 Steven。 如果是单纯的逐个图标放大，其实就没什么难度。不过我们的作风是，要做就做得够细致，当游标在同一个图标上左右移动时，都会影响到左边和右边的图标大小的，达到一个很连贯的效果，这个就是今次的难度所在。 好了，那我们就开始吧。 打开 CodePen 编辑器，…