我曾见过许多人盲目地使用像 React，Angular 或 Vue 这样的现代框架。这些框架提供了许多有趣的东西，但通常人们会忽略它们存在的根本原因。 它们适合做单页应用。 邮箱，每个地址的右侧都有一个删除按钮。 这个表单是一个包含电子邮件地址和唯一标识符的对象数组。最初它将是…

做好前端开发不是件容易的事情，而比这更难的是扩展前端开发规模以便于多个团队可以同时开发一个大型且复杂的产品。本系列文章将描述一种趋势，可以将大型的前端项目分解成许多个小而易于管理的部分，也将讨论这种体系结构如何提高前端代码团队工作的有效性和效率。除了讨论各种好处和代价之外，我们…

在过去的几星期里，随着 Martin Fowler 博客上，那篇 Cam Jackson 写的微前端的文章发布，到处都在讨论 Microfrontend。作为一个微前端 “专家”，我也分享一下：如何去落地微前端。 微前端不是银弹，它和微服务一样会带来大量的挑战。 遗留系统迁移。…

如果上述情况你都遇见过，那我们今天就有得聊了。如果没遇到也没关系，今天的内容也会让你拓展一下视野，当你真正遇到的时候，不至于一头雾水。 今天的主题是《浏览器进程架构的演化》，可能你会问了，什么是浏览器进程架构。其实很简单，架构指的是一个软件的各个方面的设计，那浏览器进程架构你就…

JavaScript 有许多各司其职的函数。我们每天都在用，但不知道他们的额外功能。直到有一天看了文档之后才发现，它们原来有许多超出我们想象的功能。JSON.stringify 就是其中一个。今天我们就来聊聊这个隐藏实力的选手。 JSON.stringify 方法接受一个参数并…

我们从学校里了解到过很多运算符，比如说加号 +、乘号 *、减号 - 等。 在这个章节，我们将关注一些在学校数学课程中没有涵盖的运算符。 在正式开始前，我们先简单浏览一下常用术语。 运算元 —— 运算符应用的对象。比如说乘法运算 5 * 2，有两个运算元：左运算元 5 和右运算元…

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

这篇文章目的是介绍如何创建一个ESLint插件和创建一个ESLint rule，用以帮助我们更深入的理解ESLint的运行原理，并且在有必要时可以根据需求创建出一个完美满足自己需求的Lint规则。 禁止项目中setTimeout的第二个参数是数字。 PS： 如果是数字的话，很容…

（切图仔）前端开发者一大重要的职责就是将UI画稿转化为实际可用的页面，效果图的还原度在相当大的程度上决定了UI和PM的满意度一般情况下，拿到设计稿后，懒散点的可能直接看图软件打开，肉眼测距就开搞了，负