React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO

在日常开发编写 CSS 代码的时候，时常会遇到一些奇怪的现象。比如以下几个场景 图 1 中，图片下面为什么会出现一段空白高度？ 在我们正常的认知中，块级元素的height在不设置具体值的时候，默认为0

最近学习css，发现了一个很好用的属性：clip-path，只要脑洞够大，这个属性可以实现很多炫酷的样式

最近开发公司的公众号H5，做了一个点击icon滚动到顶部的功能。实现功能比较简单，直接调用window.scrollTo(0, 0)，一行代码完成。但是作为一个攻城狮，怎么可能对自己要求这么低，所以我给自己加了个需求，实现平滑滚动页面到顶部的功能。经过调研和查看文档，有了以下三…

模仿北京健康宝动画 北京健康宝有一个动画，一圈小球，沿着正方形顺时针滚动，并且颜色是渐变的，像下图的这样 提取出以下关键信息： 小球沿着矩形顺时针连续滚动，小球的间距是均匀的 小球在矩形直角的时候会沿

在前端技术圈子里面，对于 setTimeout 常常有一句结论，“setTimeout 的最小设置延迟是 4ms”。 按照 “某乎” 的方式，在回答一个问题之前得 “先看是不是”，“再看对不对或为什么”。 熟悉前端的知道，setTimeout 并不是由 ECMAScript 维…

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

近期时间要开展design to code项目，部门的设计师们大都使用figma，因而了解如何从零开始创建发布figma插件。

首先, ESBuild & swc是什么? ESBuild是基于Go语言开发的JavaScript Bundler, 由Figma前CTO Evan Wallace开发, 并且也被Vite用于开发环境