对于Webpack有一句话Everything is a plugin，Webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable。Tapable有点类似nodejs的events库，核心原理也是依赖与发布订阅模式。webp…

不管什么原因，维恩图中的合理性观点“没人这么做，但这是可能的”是让我兴奋的点。所以我决定花费一些时间研究在地址栏中图形字符的可能性，特别是通过 JavaScript 给这些字符加上动画。 首先，确保你页面的 JavaScript 代码是 UTF-8 编码，否则无法在你的代码中显…

产品是一个很考验情商的职位。 产品也是一个很考验执行力的职位。 看着就像一碗蛋炒饭，做起来看似简单，真的做好却是千难万难。

通常情况下，HTML 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体…

《笑傲江湖》中的“剑宗余孽”封不平本想仗着有嵩山派撑腰，一举夺了华山掌门宝座。可打了半天剑法上占不了便宜，最后只能使出“狂风快剑”，企图以内力取胜。可见，任何高明武功若无内功心法相辅，也是徒劳无功。 说回前端，如今的前端技术栈就如同武侠小说中的江湖一样，各门各派自成一体，可谓“…

让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 17. 使用 Brotli 或 Zopfli 来对纯文本内容进行压缩 18. 使用响应式图像和 WebP 19. 图像是否已经被适当优化？ 20. 视频是否已经被适当优化? 21. …

作为一个产品经理，要不断更新自己的知识库。不仅要及时分析市场上的竞品，更要学会从前人爬过的坑里总结经验，避免重复踩坑。最好的方法就是做深阅读，结构性思考，建立自己的方法论。那么产品经理应该看哪些书呢？

在 react-router-dom 的官方教程中，一共给出12个示例，但是个人认为，着12个示例看着真的很累人，很多写法，不是标准的企业项目应用的写法，所以针对这个现状，我想用企业项目开发的要求，对教程中的每一个示例进行重写，这篇教程就是它的第一个示例——基本使用和介绍。 组…