红苹果乐园

如果监听的值发生变化，且未保存时，点击目录或者更改url地址等进行路由跳转的操作，会出现一个弹窗进行确认

最近一个月，为了给团队补充新鲜血液，我密集面试了差不多20位前端候选人，从刚毕业的新人到有三五年经验的都有。 面试得多了，我发现一个很有意思，甚至有点反常识的现象：现在很多候选人的知识结构，好像是个倒

从零搭建 Vite + React + Tailwind CSS 项目，省去一个个官网去查阅文档，旨在方便快速丝滑的创建项目。 项目中涉及到 pages 页面自动生成路由、svg 自动转组件等。

引言 在 React 开发中，组件化是核心思想之一。然而，随着项目规模的增长，组件之间的交互和样式管理变得越来越复杂。本文将重点讲解两个在 React 开发中常见的关键知识点：forwardRef 的

Profiler 用来测量渲染一个 React 应用多久渲染一次以及渲染一次的“代价”。 它的目的是识别出应用中渲染较慢的部分，我们可以直接在React应用中使用它，具体使用可以参考Profiler API，但我们这里主要讲解在浏览器开发者工具下的使用，这样可以更直观更清晰观察…

打工人每天整理工位，让文件、绿植、水杯各就其位，效率翻倍。前端开发里，页面布局就像 “整理代码工位”，元素乱糟糟可不行！Flex 弹性布局*就是咱们的 “布局整理术”，轻松让按钮、卡片、导航在

LCP 是 Core Web Vitals 的三个关键指标之一，是 Google 用于评估网页用户体验的标准之一。LCP 时间应在 2.5 秒以内。如果 LCP 超过 4 秒，则需要进行优化。

🛠️🛠️🛠️前端开发，如何使用 Lighthouse 进行网站性能测试？Lighthouse 是 Google 开发的一个“网站体检工具”，它能帮你自动分析你的网站表现，比如加载快不快、对搜索引

如果你想让你的网站在Lighthouse测试中获得90+甚至满分，那么性能优化是必不可少的。本文将分享一系列实战验证的黑科技，帮助你大幅提升页面加载速度、优化渲染性能