爆肝一晚上，详细解释了浏览器从输入到请求，再到渲染的原理，cpu、gpu、内存、多进程、站点隔离、导航跳转、预加载、渲染、解析、合成等等概念，看完就明白了，另外送一个小彩蛋：谷歌架构漫画书，不来看看？

本文从宏观角度来梳理前端世界观：知识体系、框架及生态、应用端分类、业务开发场景、架构设计、企业级工程化、性能优化、软实力、前端未来与AI、前端学习方法论等方面总结。也分享下我的个人港务和专栏系列。

一、引言 编辑器是人机交互最复杂的场景之一，核心需求是 WYSIWYG，所见即所得。 核心痛点也一直很明确：WYSIWYG 的衍生需求越来越复杂、实现难度越来越大： WYSIWYG 生产实现 文本输入

大家好，我卡颂。 有没有同学 学TS的步骤和我一样： 先看TS文档（或各种入门教材），学学各种类型的定义 为现有项目中的JS代码增加类型 随着增加的类型越来越多，类型报错越来越多，不得已改为any类型

JavaScript 运行时中的文件系统 API 已经很久没有这么好了，这是我试图做出一个更好的文件系统 API 的尝试。 我们今天拥有的 JavaScript API 比十年前要好得多。考虑一下从

这几个月，想必大家都听到过一个新闻： Svelte 弃用 TypeScript，改用 JSDoc 了。 TypeScript 我们知道，是用来给 JS 加上类型的，可以实现类型提示和编译时的类型检查。

之前写过一篇文章 我理想中的低代码开发工具的形态，已经吐槽了各种封装 xxxForm，xxxTable 的行为，这里就不啰嗦了。今天再来看看我的工具达到了什么程度

使用Chrome插件可以为Chrome浏览器带来一些功能性的扩展，进而提高使用体验；俗话说的好Chrome没插件，香味少一半，Chrome最大的优势还是其支持众多强大好用的扩展程序。

工欲善其事，必先利其器！ 写一个开源的项目也不例外，就拿在国内很火的vue3框架和vite工具来讲，其中的实现与架构设计无不是一个复杂而庞大的工程，而支撑这些工程能顺利运行的无不是一个又一个的轮子