Jaxonwen

http 缓存机制, Freshness/Validation/Invalidation

本文将会通过一个简单的例子，结合React源码（v 16.4.2）来说明 React 是如何工作的，并且帮助读者理解 ReactElement、Fiber 之间的关系，以及 Fiber 在各个流程的作用。看完这篇文章有助于帮助你更加容易地读懂 React 源码。初期计划有以下几…

话说我又写了一个小工具，一个可以读取网页上二维码信息的 Chrome 插件。为什么要做这样一个插件呢，因为平时在浏览网页的时候，经常会碰到需要扫描二维码的情况，而我又不想掏出手机扫一扫。掏出手机经常会打断我的学习/工作常态，还有些时候比如扫描 keynote 二维码，在手机上并…

懒加载，一个在我们前端性能优化中高频出现的词汇，无论是懒加载图片还是懒加载模块，无非都是希望用户可以在滚动指定视区再去加载相应的资源， 从而达到节省用户流量、提升首次加载时间、减轻服务器的压力的目的。 “懒加载”不是一个新的概念，对于经验丰富的你们来说，一定积累了很多实现方法，…

合理的使用缓存可以极大地提高网站的性能优势，还可以节约带宽从而降低服务器成本。但是很多站点有只弄对了一半或者一半都没有，如果是这样，就完全没有发挥出缓存的优势。很大程度上产生会由于静态资源的竞争关系而导致依赖的静态资源不同步。 以下为两个最佳静态资源缓存实践的例子。 资源的内容…

要监控网页的卡顿，我们必须从 FPS 说起。 FPS 是来自视频或者游戏里的概念，即是每秒的帧数，代表视频或者游戏的流畅度，俗话说，就是“不卡”。 网页内容在不断变化之中，网页的 FPS 是只浏览器在渲染这些变化时的帧率。帧率越高，用户感觉网页越流畅，反之则会感觉卡顿。 最优的…

本文详尽介绍了display:grid布局的各个属性，最大的优点在于所有grid相关属性值的样式表现都是实时渲染的，点击不同的属性值，就可以立即实时看到不同的布局效果，非常直观。同时，很多属性的规则描述要比现有的很多文章介绍的要更详尽，对于初学者一定是一个很不错的网格布局学习教程

自从大四看了三章《SICP》之后我就自诩为一个函数式编程爱好者，之前也在公司分享过一个 Haskell 的 Topic，效果非常糟糕，讲到后来已经没剩几个人了，只得草草收场。在写这篇文章的时候我突然想起来，之前还发过一个朋友圈，跟人论述我对范畴论一些概念的理解，翻了翻朋友圈找到…