当时面试官问我：'前端跨标签页通信有几种方案？各自适用什么场景？'我大脑瞬间空白——毕竟平时只会用 localStorage 乱怼...

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

讲解面试常见的flex:1和flex:auto的区别。其实这两个属性的差异藏在细节里，今天我们就从 “原理拆解→场景对比→误区避坑” 三个维度，彻底搞懂它们的区别，让你在项目中不再凭感觉写代码。

作为后起之秀，Svelte到底是怎么俘获大批开发者的呢？我们先从它的特性开始说起。 Svelte特性 🚀简洁的语法 ✈无虚拟DOM 🚗正在的响应式 🚀简洁的语法 官网给出了一个三大框架的同样功能

Hello，又见面了，我是 pany。 今天在掘金社区看见前端文章榜第一的这篇文章《别再用 100vh 了！移动端视口高度的终极解决方案》 我们一起来学习一下。

前言 在前端开发的浪潮中，性能优化一直是开发者们不懈追求的目标。今天，就让我们一同走进 9 个高级 API 的奇妙世界，领略它们如何在实战中助力前端性能实现质的飞跃。 一、requestIdleCal

1. 前言 在实际开发时会有这样的需求：点击某一个按钮出现一个弹窗，然后点弹窗的其他区域时需要关闭弹窗，如果是点击的弹窗本身，除非是关闭操作，否则不关闭弹窗。本文将简单介绍几种这种需求的几种实现方案。

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了