前端圈一年 365 天，天天出新框架，但真正能让你少写代码、少引依赖、少踩性能坑的，其实是浏览器爸爸早已偷偷内置的「原生外挂」。 1. ResizeObserver ResizeObserver 是一

在面试和实际场景中衍生出来的问题 -- 从页面白屏问题排查, 到自定义白屏检测SDK, 进来用一篇文章教会你✌️✨

Page Visibility、Web Share、Broadcast Channel 等 10 个被忽视却极实用的 JS API，能一键实现跨标签通信、懒加载、取消请求等高频需求，复制即用，面试加分

在前端开发的日常中，我们常常围绕着常见的 CSS 属性打转，却忽略了那些藏在规范角落里的小众特性。它们看似不起眼，却能在关键时刻简化代码、提升交互质感，成为提升开发效率的秘密武器。今天，就为大家盘点

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

写这些内容，完全是因为个人在了解DOM的时候，发现很多文档或者对DOM认识较深的人，在解释DOM这个概念时简洁的用专业术语堆砌，新手完全听不懂，更别提理解了。大部分人学了一系列DOM操作，却对DOM这个概念云里雾里。网上其它解释，大多数是给了一个DOM树，然后告诉你，这就是DO…

DOM操作是JS中的一大重点，本次回顾DOM操作，总结如文。 尽管是一篇总结，但我尽量把内容说清，逻辑理顺，个人认为读起来还是容易接受。对许多细节和注意点进行标注，需要展开的内容，也附上拓展链接。 希望能合各位看官的口味，废了好几天，希望求各位一赞，你看收藏夹那么多灰，不介意一…

使用Web Component 开发Button组件 作为一名前端牛马，我做一个自己的组件库是我一直梦想事情。当然用vue/react等框架我也尝试过，最后都是因为自己没有坚持下去而不了了之。这次也一