性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

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

马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花。 在 codepen 里搜索 “fireworks” 可以搜到各…

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。 已经推荐了 面试项目、css 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。 以…

最近在撸vue 和react的源码，虽然晦涩难懂，但是却发现新大陆，发现了数据结构和算法在前端的重要性，比如在react中，发现react的fiber树，对应的实际上是一个叫链表的数据结构，我们es6中新出的Map的数据结构其实就是对应字典的数据结构而Set对应的就是集合的数据…

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目，在此分享给大家。 以下为【前端GitHub】的第 9 期精华内容。 1. LightHouse LightHouse 是一个开源的自动化工具，用于改进网络应用的质量。 可以将其作为一个 Chrome…

2020 年 阿宝哥 在掘金上发了 40 几篇原创文章，期间也画了好多图，经常在文章评论区看到读者在问阿宝哥用什么绘图工具？为了统一回答这个问题，阿宝哥就想写篇文章来介绍一下自己常用的写作辅助工具，但如果只是介绍工具的话，阿宝哥又觉得内容有点单一，对读者没有多大的帮助。经过一番…

系统默认是 desktop ，但是这里选择 minimal。 在使用 [] 应用专用字符集合时，外层也需要嵌套 []。 !$：上一条命令的最后一个参数，与 Alt + . 相同 Example：从标准输入读取输入并重定向到文件。 COMMAND1 | COMMAND2 | CO…

因为有工具的存在，我们的工作和生活才发生了翻天覆地的变化，善于运用工具，可以大大提高工作和生活效率，节省时间，本文将和大家分享一些程序员必备的工具，欢迎收藏分享。 免费在线思维导图、流程图和头脑风暴软件，可以画思维导图、原型图、UML、网络拓扑图、组织结构图等。 模板众多，云端…