前端渲染的发展 在讲ESR（Edge Side Rendering，边缘渲染）如何提速渲染之前，我们有必要先了解一下前端渲染的发展历史以及前端各项性能指标优化是如何被提上议程的，之后我们再反观ESR的

当我们刚开始开发 StackBlitz 的时候，我们的目标就是创建一个在线的 IDE，这个 IDE 可以让你感觉和超级跑车的轮子一样快：你只需要接受瞬间响应命令的喜悦即可。 和 Turbo 不同的是，NPM 和 Yarn 是本地的。因为设计 NPM 和 Yarn 就是用来处理大…

时间回到 2016 年，彼时 996 还不算福报，比特币单价也还远远不到 1000 美元。那时的我怀着对大厂的敬畏和对前途的迷茫，拿着一纸毕业证告别了校园。这第一份名为 Web 前端开发的工作，代码写着写着就到了今天。 一晃三年过去了，从纯粹的赶需求到造轮子、做分享和带团队，许…

web 缓存是可以通过自动保存常见文档副本的 HTTP 设备。当 Web 请求抵达缓存时,如果本地有以缓存的副本,就可以从本地存储设备而不是原始服务器中提取这个文档。 1. 为什么需要缓存 有很多客户端访问一个流行的原始服务器页面时,服务器会多次传输同一份文档,每次传送给一个客…

确实，你已经从新手变成了一个「熟手」，也可以胜任公司的工作安排。 只不过总觉得在日复一日地重复昨天的自己。 我也有过这种阶段。我说一下我的应对措施。 将代码分为「业务代码」和「技术代码」是一种简单的二分法。但是实际情况可能并不是这样。我的经验中还有第三种代码，就是「业务技术代码…

抛开Grunt，又有一个新的自动化构建系统成为新的领跑者。那就是Gulp。

1. 前言 时间过得很快，2018 年已经接近尾声了。离开大学校园已经一年半，正式工作也一年半了。 2018 年，我的本命年，今年 24 岁，离 “而立之年” —— 30 岁， 又近了一步。今年对我而言，是人生的一个重要节点。今年是我觉得过得最快的一年，也是成长最多的一年。 2…

这是一次试翻，之后会每两周翻译一篇文章（练习英语阅读）。 原文：https://medium.freecodecamp.org/all-you-need-to-know-about-parcel-dbe151b70082 真的吗？又是一个打包器或者说构建工具？完全正确，进化和创…

长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了，本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说，看下图，也许你可以发现什么？ 说明了要素，也许你可以尝试着开始思考，看你是否能猜到具体的实现方案。 一直以来，检测元素的可视状态或者两个元素的相对可视状态都不是件容易事…