本文介绍了前端开发中常用的高效 Chrome 插件，并通过一个 Todo 扩展示例，手把手讲解了扩展的开发流程，最后简要介绍了新一代扩展开发框架 WXT，适合想入门或进阶的开发者阅读。

💻💻💻要写最能唬人的前端工种是啥？最能出活的前端模块是啥？跟大家讲，真的是搞动画那一块，出活，真的出活。 吭哧吭哧一些高深的框架或者死磕一个难啃的技术硬骨头老半

一、前端动画的"至暗时刻"：每个像素都在燃烧经费 618 前夕，我的 PM 突然发来灵魂拷问："菜鸡，这个购物车弹性动画，为什么安卓和 iOS 的抖动幅度不一样？还有这个圣诞飘雪特效，为什么 iPho

那天晚上，办公室的灯已经灭了大半，我坐在靠窗的位置，刚把代码提交推送完，正打算收键盘走人。她走过来，端着还冒着热气的速溶咖啡……

前言 去年遇到的一个问题，也是非常经典的面试题了。能聊的东西还蛮多的 倒计时为啥不准 一个最简单的常用倒计时： 稍微有几毫秒的误差，但是问题不大。 原因：JavaScript是单线程，setTimeo

如果你曾经在浏览网页时看到三条线堆叠在一起，那么你就遇到了汉堡菜单。它是移动和响应式网页设计中使用的一种流行设计元素，用于创建干净、简约的界面。 单击时，这个小菜单会从屏幕的任一侧滑出，显示导航项或选

说到布局很多人的感觉应该都是恐惧，为此很多人都背过一些很经典的布局方案，例如：圣杯布局、双飞翼布局等非常耳熟的名词； 为了实现这些布局我们有很多种实现方案，例如：table布局、float布局、定位布

我们都知道，如果一次性展示所有的数据，那么会造成页面卡顿，虚拟滚动的原理就是将数据根据滚动条的位置进行动态截取，只渲染可视区域的数据，这样浏览器的性能就会大大提升，废话不多说，我们开始。 具体实现 首

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只需添加一行 CSS 并不难：