你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

一行核心代码即可使用 CSS 滤镜的方案实现暗黑模式主题，性价比是非常高！兼容性也不差，尤其适合已经开发完毕的大型网站进行暗黑模式切换，强烈推荐！

Visual Studio Code 是由微软开发的一款免费的、针对于编写现代Web和云应用的跨平台源代码编辑器。它包含了一个丰富的插件市场，提供了很多实用的插件。下面就来分享 2023 年前端必备的

主题、彩虹缩进、颜色代码显示颜色、背景图、文件图标、产品图标主题、输入时产生粒子特效、看板娘、截图工具

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更

微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。为了讲清楚原理，我会带着大家从零开始实现一个微前端框架！

使用 `MediaRecorder` 我们可以方便地实现屏幕录制功能。这种功能在教学、演示等场景下非常有用，同时也为开发者提供了更多创造性的可能性。

提到推送数据，大家可能会首先想到 WebSocket。 确实，WebSocket 能双向通信，自然也能做服务器到浏览器的消息推送。 但如果只是单向推送消息的话，HTTP 就有这种功能，它就是 Serv

前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可以帮助团队快速初始化项目结构