头号前端

编辑器其实是一个非常复杂的模块，单凭个人难以实现所有的内容。笔者也只是在各前辈积累的基础上，结合自身的工作内容，讲述自己的见解。限于篇幅和能力，很多地方只是一笔带过，欢迎同...

Tapable是webpack中插件能运行的基石，是webpack与开发者交流的话筒。底层是一个发布订阅的事件系统，相对于node原生events，Tapable更关注于发...

WebAssembly 或者 wasm 是一个可移植、体积小、加载快并且兼容 Web 的全新格式。。。...

本文将一步一步实现一个简陋版的 reactivity 模块， 实现其比较关键的API和功能。文章中的完整代码在文章最后。...

petite-vue是最近（一个月前）vue作者尤雨溪发布的一个渐进式增强（ progressive enhancement ）的vue阉割版。跟vue差不多的语法和双向绑...

recoil 的 slogan 十分简单：一个react状态管理库（A state management library for React）。它不是一个框架无关的状态库，...

前端日常开发中我们大部分时间都是使用Javascript，在编写shell脚本时，写bash没有像js那般熟悉，如果能选择一种更方便的编程语言来写它，何乐而不为呢？...

随着我们解决的场景越来越专业化和复杂化，大型SPA应用的流行，前端承担的职责越来越多。很容易导致迭代着迭代着发现代码改不动了。最后只能新起炉灶，重新开发。归根到底在于 复杂...

Redux是Dan Abramov在2015年发布，是React生态里最火的状态管理库，源码十分的简洁，但是其扩展的生态却十分丰富，设计思想非常🐂，下面让我们一起来学习...

随着SPA单页面应用复杂度的提高，状态也会变大，管理状态的难度也会增加。为了更好的管理应用的状态，或许会考虑状态使用react状态管理的库，但是该考虑和如何选择？...

React SWR 库是由开发Next.js的同一团队Vercel开源出来的一款工具。其功能主要是用来实现HTTP RFC 5861规范中名为stale-while-rev...

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。...

Vite号称是 下一代的前端开发和构建工具 ，目前已经在前端社区里逐步开始流行起来了。它采用了全新的unbundle思想来提升整体的前端开发体验。...

而CSS(Cascading Style Sheets)作为层叠样式表，也拥有自己的函数。可将它们插入要放置值的位置，或者在某些情况下，将其插入另一个值声明，一些CSS函数...

在日常工作当中除了要实现业务功能外, 往往还会遇到一些需要进行自动化处理的场景。大多数情况下我们都会采用脚本的方式进行。那么作为前端工程师，如果你要用node.js去做一些...

quic全称quickudpinternet connection，它的发音与英语单词“quick”相同。它的出现从根本上理解是为了更快的将数据进行交付，降低数据流往返的网...

热更新过程中浏览器都做了哪些，从上一篇分享中可以知道,代码改变之后，webpack会通知浏览器有代码改变，然后浏览器拉取最新的代码...

web可以实现 热加载 hot-loader 或者是模块热更替 HMR 主要归功于HTML5中提出的俩种新的通信方式......

AST，即抽象语法树，是对源代码语法结构的一种树状抽象表示，每个节点对应源代码中的一段代码语句，是一种平台无关的数据描述。...

分析页面性能的时候通常会用Performance，但它提供的是回顾性数据。如果想要看实时的性能数据表现，我们就可以使用Performance monitor，像在日常工作中...