奥革士

如果说美食需要美器的衬托，优雅美观的代码编辑器会大大提升工程师的编码体验、工作幸福感。 与内置的缩进参考线不同，Guides 能够让你通过配置项来修改参考线的颜色、样式、缩进空白的背景色等，如果你愿意折腾，甚至能够配置出类似 Indent Rainbow 那样风格的参考线。下图…

写代码难免会碰到错误。因此，在项目上线后，我们还需要主动对项目的错误进行收集，不能等用户发现错误，再联系我们，我们再去处理。 本文章为前端进阶系列的一部分，更多内容可查看 https://github.com/hpoenixf/hpoenixf.github.io

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

有些时候产品会有这么个需求，希望给文章或者帖子给一个摘要，最多3行，或者其它行数，超出3行会补上'...'。当然这种很简单，用css可以搞定。但是遇上要求多点的产品，希望补上的是'...查看全文'，这样的话就难办了。 我也在网上查了很多，至少我没发现有一个比较好的解决方案，也参…

reflow 回流，或者叫重排都可以。回流(reflow)这个名词指的是浏览器为了重新渲染部分或全部的文档而重新计算文档中元素的位置和几何结构的过程。 简单来说就是当页面布局或者几何属性改变时就需要reflow。 repaint重绘，当页面中的元素只需要更新样式风格不影响布局，…

这篇文章翻译自 ASYNC/AWAIT WILL MAKE YOUR CODE SIMPLER,这是一篇写于2017年八月的文章，并由某专栏提名为17年十大必读文章。在掘金上没找到这篇文章的翻译（其实没仔细找），就想试着自己翻译一下。翻译的不好的地方，还望大家指出，针对我水平就…

作者研究了近1.6万篇 Web 生态相关的文章得出这篇总结，全文既包含 Web 开发入门（前端相关）专题，也包括 Web 生态中 Git/HTTPS/设计模式/Vim/性能/PWA 等专题，非常适合 Web 前端开发者查漏补缺，同时扩充自己的知识广度、并将眼界拓宽到前端之外。

在浏览器渲染过程与性能优化一文中（建议先去看一下这篇文章再来阅读本文），我们了解与认识了浏览器的关键渲染路径以及如何优化页面的加载速度。在本文中，我们主要关注的是如何提高浏览器的渲染性能（浏览器进行布局计算、绘制像素等操作）与效率。 很多网页都使用了看起来效果非常酷炫的动画与用…