最近项目上线，用户一多，页面就卡得不行。首屏加载 3 秒起，滚动掉帧，手机发烫……被 QA 喊去聊了好几次。 没办法，只能低头研究性能优化。翻了一圈文档和实战案例，发现现代浏览器其实给了我们很多“外挂

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监听任意 DOM 宽高变化，图

在前端开发中，大屏适配一直是个让人头疼的问题。领导总是要求大屏既要不留白，又要不变形，还要没有滚动条。这看似简单的要求，实际却压根不可能。今天，我们就来聊聊大屏适配的四种常见模式，以及如何根据实际需求

大家好，我是石小石！ 前几天分享了一篇非常简单但实用的文章：只需一行代码，任意网页秒变可编辑。 在评论区发现一些超级实用有趣的小技巧。 或许在多数人眼中，浏览器的书签不过是用来收藏网址的简单工具，但事

监听元素变化是一种非常常见但经常被忽视的需求。**从响应式布局、动画触发、内容同步、懒加载，到可视化组件自适应**，一个共同的问题摆在我们面前：“元素变了，我必须马上知道！”

背景     最近在升级一个老项目，其中涉及将codemirror5迁移到codemirror6，本文特意记录一下codemirror6的学习及升级过程~ 介绍     CodeMirror是Web的

最近面试总能遇到有面试官问到let，const和var的区别，箭头函数与普通函数的区别等等等等，各种区别，我也能答出一二，但恨不能答到完整，答全要点,而且结巴，所以这里我就对此进行一些总结（翻看各种资

加载资源的方式通过script标签从上到下。 依赖的环境主观逻辑偏重，代码较多就会比较复杂。 大型项目资源难以维护，特别是多人合作的情况下，资源的引入会让人奔溃。 当年我们是怎么引入资源的。 看着上面的script标签，是不是有一种很熟悉的感觉。通过script引入你想要的资源…

详解 JavaScript 面向对象，原型，原型链等