前端老六喔

Shadcn UI 现代 UI 组件库 前言 不知道大家是否使用过 Shadcn UI，它在Github 上拥有了 35k star，它与大多数 UI 组件库(如 Ant ...

ResizeObserver API 的目标是提供一种高效且准确地监听 DOM 元素尺寸变化的方法，以满足开发者在动态布局和自适应界面方面的需求。...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...

当我们完成一个业务系统的上线时，总是要观察线上的运行情况，对于每一个项目，我们都没办法保证代码零BUG、零报错，即便是经历过测试，因为测试永远无法做到100%覆盖，用户也不...

前言： 今天在项目中遇到了后端接口参数类型和接口返回值需要修改的场景，由于这个函数在很多页面都用到了，就导致改完相关 api 函数的时候 TS 疯狂报错，所有的参数和返回值...

随着ES的不断更新，数组的方法也是越来越多，也让我们使用数组对数据操作的时候，越来越简单，但是不经意间，数组的方法已经有42个之多，接下来让我们看看有哪些数组方法从出来就你...

因一次面试经历有感而发，决定深入探究闭包~ 本文会帮助大家学习：闭包的概念、高阶函数、闭包的应用、闭包的风险及解决方案...

React Hook 中 useState 是异步回调，获取新值进行其他操作的时候，可以尝试下面方法...

前端自给自足UI设计稿?(Midjourney+MasterGo) 前言 最近在自己做一个可能有意思的项目。对于公司的项目，一般都是有对应的UI设计稿作为参照开发的，而对于...

介绍了当前常用的国际化手段以及我实现的国际化手段的思路对比，以及介绍了我这种思路下的优点。基于上述思路，开发了个可以完成自动化国际化的vite/rollup插件...

前言 2023年了，我不允许还有人不会自己实现移动端的双击事件。 过来，看这里，不足 50 行的代码实现的双击事件。 听笔者娓娓道来。 dblclick js原生有个dbl...

一个小巧、快速且可扩展的精简状态管理解决方案，使用简化的 Flux 原则。它有一个基于 hooks 的简洁 API，不会产生样板代码或具有强烈的观点。...

跟大家一起探索如何通过 AbortController 和 AbortSignal 从取消单个请求到取消多个请求；甚至是自己实现一个简单的可以取消的 Promise。感兴趣...

什么是重新渲染 react重新渲染是当你的组件已经渲染在屏幕上，由于数据状态变化，又重新触发了组件的渲染。重新渲染是正常现象，但有时由于自身代码问题造成不必要的重新渲染。 ...

你是否在遇到过这样的问题：移动设备上有一个固定元素，当激活虚拟键盘时，该元素被隐藏在了键盘下方？ 多年来，这一直是 Web 上的默认行为，在本文中，我们将探讨这个问题、为什...

1. 使用场景： 公司开会的时候有师兄问到为什么usestate定义一般都写在顶部，对于这个问题我以前总结过，这次看了 react新文档后我给出更加详细的解释并给出具体代码...

大家都知道，云服务器首年费用往往非常便宜，但是续费就非常贵了。对于个人开发者而言，花点小钱买个云服务器学习无可厚非，但是续费的话成本就有点高了。...

前端基建是指在前端开发过程中，为提高开发效率、代码质量和团队协作而构建的一些基础设施和工具。下面是前端基建可以做的一些事情： 脚手架工具：开发和维护一个通用的脚手架工具，可...