ruijia168

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

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

列子：我左边是一个ifream加载的h5网页，里面的touch事件只有在h5里面有效，但是ifream又不可能像浏览器一样进行H5的展示，那我又不想为pc单独写一个事件，怎...

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

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

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

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

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

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

现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEff...

正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。当下一次再遇到相...

微前端是什么 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立...

Proxy对象用于创建一个对象的代理，是用于监听一个对象的相关操作。代理对象可以监听我们对原对象的操作。...

本文使用 Vite 创建了一个 Vue3 + TS 的项目，并结合 ESLint ，Husky，等第三方库实现了一个比较规范的现代化前端工程...

## 前言 Git Commit 是开发的日常操作, 一个优秀的 Commit Message 不仅有助于他人 Review, 还可以有效的输出 CHANGELOG, 对...

前端项目的提交规范是前端基建必备技能之一。前端基建、Husky、Commitlint、Commitizen、cz-conventional-changelog...

以下步骤可以设置简化git命令行。 首先打开终端 第一步：创建配置文件，并打开配置文件。 查看shell模式 shell为zsh时...

domain属性 path属性 domain属性 path属性 domain属性 path属性 domain属性 path属性...