ruijia168

在前端开发中，性能优化是一个至关重要的环节。Chrome 浏览器的 火焰图 工具可以帮助我们发现性能瓶颈。本文将介绍如何利用 Chrome 浏览器的火焰图来优化前端项目性能，通过实际案例来分析和实施

运行时性能表现（runtime performance）：当页面在浏览器中运行时的性能表现。当然我们得有一个网站来使用。这里我用平时的开发页面进行分析。在chrome的 `performance tab` 点击（start profiling and reload page）。…

列子：我左边是一个ifream加载的h5网页，里面的touch事件只有在h5里面有效，但是ifream又不可能像浏览器一样进行H5的展示，那我又不想为pc单独写一个事件，怎么办呢？（如下） 可以参考这

为什么有 useEffect？ 我们先从最基础的说起。 你写 React 组件时，里面不能直接写定时器、发请求、加事件监听这些副作用操作，因为它们不是“纯粹的 UI 渲染”。

浏览器是再熟悉不过的东西了，几乎每个人用过，比如 Chrome、FireFox、Safari，尤其是我们程序员，可谓开发最强辅助，摸鱼最好的伴侣。 浏览器能干的事儿，无头浏览器都能干。

在 VSCode 里使用 Copilot 来辅助编程真的很爽。 原本我以为我绝对不会抛弃 VSCode 和 Copilot， 但是最近，Cursor 成功地让我卸载了 VSCode。

axios是一个基于XMLHttpRequest的发送AJAX请求的库，是前端开发中常用的一种发送网络请求的方式。在实际的项目开发过程中，对axios进行封装是很有必要的。

后端数据接口没写好？自己怎么Mock？本篇文章教你如何使用Apifox来生成前端专属Mock接口。让你开发起来更如鱼得水

在实际开发中，引入自定义模块我们一般使用相对路径，代码如下 很显然，随着项目目录结构不断复杂，相对路径也就变得难以维护，可能会变成： 这样的代码如果出现在你的项目中，维护成本可想而知