月白他哥

在使用 Git 进行版本控制时，你是否遇到过以下场景？ 辛苦写了一天的代码，提交后却发现分支处于诡异的 HEAD detached 状态。 切换分支或误操作后，代码突然“消...

不要再用 removeEventListener了！这个API救了我的命 昨天被产品经理叫到办公室，说用户反馈我们的后台管理系统越用越卡，Chrome任务管理器显示内存占用...

引言 在JS 中，new操作符是一个非常重要的特性，它允许我们创建对象并调用构造函数来初始化这些对象。在面试中，手写new是一个非常常见的考点。本文将深入探讨new操作符的...

在公司干了几年，带个小团队，零零总总也面试了上百个前端候选人了。说实话，有时候面完一天，感觉人都是麻的。 最让我头疼的是什么？就是“算法题”这个环节。 我经常遇到两种候选人...

一次真实的打包分析，揭开“按需引入”到底骗了我们多久 前端团队最爱说“我们用的是 lodash-es，按需引入，tree shaking 肯定没问题”，但项目打包结果却往往...

“回去好好研究，解决不了不用回来了！！！” 思绪 “唉“ 性能优化是一个永恒的话题啊。 做得再牛再好，一旦卡顿延迟，都会倒人胃口。 随着前端需求复杂度的不断升高，在项目中想...

此外，这还是一道考察 Next.js 的常见面试题。通过考察这类常见问题的解决方法，判断面试者是否对日常开发中遇到的问题进行过系统总结和思考。...

前言 跨域是使用 Next.js 常遇到的问题，问题主要分为两类： 如何调用一个跨域接口？ 如何实现一个跨域接口？ 本篇我们会先从跨域的基础知识开始讲起，然后讲解 Next...

目前 Tailwind CSS 在 GitHub 有 80k Stars、Npm 周下载量 733W，已经成为前端主流的 CSS 框架。 而 Next.js 脚手架默认集成...

执行单元测试，就是为了证明这段代码的行为和我们期望的一致；进行充分的单元测试，是提高软件质量，降低开发成本的必由之路；在开发人员做出修改后进行可重复的单元测试可以避免产生那...

我用过或了解过前端业界大部分流行的状态管理库。他们有的很复杂，有的很简单。有的用了一些深度改造的手段来优化细节，有的则是平铺直叙的告诉所有使用者发生了变化。在技术方案诡异多...

sonar sonar介绍 sonar是一款静态代码质量分析工具，支持Java、Python、PHP、JavaScript、CSS等25种以上的语言； 而且能够集成在IDE...

借助 navigator.sendBeacon、fetch keepalive 实现页面关闭时发送数据到服务器。在一些需求背景下，我们需要在页面销毁（关闭/刷新）时将数据同...

1. 基本类型与引用类型的本质区别 代码示例： 原理： 基本类型（数字、字符串等）存储在栈内存中，赋值时直接复制值。 引用类型（对象、数组等）的变量存储的是内存地址，赋值时...

一、为什么需要防重复弹窗？ 在实际开发中，前端常遇到 多接口并行请求 的场景： 场景1：电商结算页同时调用库存、优惠券、地址校验接口 场景2：后台管理系统批量提交多个表单 ...

一文了解贪心算法和回溯算法在前端中的应用 一、贪心算法 1、贪心算法是什么？ 贪心算法是算法设计中的一种方法。 期盼通过每个阶段的局部最优选择，从...

JS中面向切面编程(AOP)应用 什么是面向切面编程 面向切面编程（Aspect-Oriented ...

CSS手残党救星：motion-v 助你写出流畅丝滑的动画 前言 不知不觉间，Vue 3 自发布至今已悄然走过近五个年头。在这五年里，Vue 社区始终不懈努力，持续拓展并壮...

文章接着上一篇 复杂 web 动画开发（GSAP篇） 为什么 选择 Framer Motion Framer Motion是比较新的 react 动画方案，提供了很多 Ho...

之前写过两篇文章，分别介绍了我在 Siphon 产品中用到的好用的库，以及浏览器插件开发相关的库： 盘点最近 React 项目中用到的一些非常好用的库：动画库、组件库、Ho...