每个月都会有总结和分享会📚，这个月也一样，于是我将近段时间的、关于TS的学习笔记梳理成30张脑图做了这次分享，也方便以后查阅，快来看看吧~

从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让跟多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化…

上面代码是常用prerender-spa-plugin的配置，staticDir预渲染输出的文件地址，routes要做预渲染的路由，minify压缩相关的配置，renderer渲染引擎相关的配置，可以传入自定以的渲染引擎或者直接使用默认的PuppeteerRenderer，re…

Web缓存可以分为这几种：浏览器缓存、CDN缓存、服务器缓存、数据库数据缓存 。因为可能会直接使用副本免于重新发送请求或者仅仅确认资源没变无需重新传输资源实体，Web缓存可以减少延迟加快网页打开速度、重复利用资源减少网络带宽消耗、降低请求次数或者减少传输内容从而减轻服务器压力。…

这几个月几乎每天都会有朋友加我微信，而他们问的最多的问题就是 —— 前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之…

在dart项目中，必须声明一个入口函数main，这也很java，程序从main函数开始运行（习惯使用js的需要注意这一点）。 可以使用abstract来定义抽象类，抽象类不能被实例化。抽象类通常含有抽象方法，抽象方法只有方法签名，没有实现。 dart:core 提供了基础类型、…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

在前端开发中，我们可能会碰到这样的需求：想让列表中的第一个部分显示不同的样式 ，想让列表中的偶数部分显示不同的背景颜色，想让列表中的最后一部分样式不一样……这样的需求，我们怎样来实现？其实，如果前面文件是php开发的，可以通过php的循环语句+判断语句+css样式来实现。但是，…