niusir

Zustand 实战：10 行代码搞定全局状态 在 React 状态管理的世界里，Redux 和 Context 一直是常见的选择。但很多时候我们只是需要一个轻量、简单的全...

React 状态管理的演进与最佳实践 在 React 应用开发中，状态管理始终是绕不开的话题。从最初的 useState 到后来的 Context，再到 Redux、Mob...

useEffect 是 React 中最常用也最容易出错的 Hook 之一。它让函数组件拥有了副作用的能力，比如发起网络请求、操作 DOM、设置定时器等。 但你是否遇到过这...

React 是一个优秀的 UI 库，以其声明式、组件化、响应式的设计深受前端开发者喜爱。但在实际开发中，我们经常会遇到「组件频繁重新渲染」的问题，甚至因此导致性能下降、动画...

使用 useCallback 和 useMemo 进行 React 性能优化 引言 在 React 开发中，性能优化是一个重要的课题。随着组件复杂度的增加，频繁的重新渲染会...

深入理解 React 自定义 Hook 引言 在 React 开发中，Hooks 让函数组件具备了强大的状态管理能力，而自定义 Hook 进一步提升了代码的复用性和可维护性...

如何去掉 Padding 区域的背景色 在 CSS 中，虽然 padding 区域本身无法直接设置背景色，但背景色会影响到 padding 区域。如果想要让 padding...

CSS 宽度设置中 width: 100%; 和 width: auto; 的区别 CSS 中的 width: 100%; 和 width: auto; 在定义元素宽度时有...

什么是VNode 在此之前我们先来聊一下什么是虚拟DOM~ 虚拟DOM 1、虚拟dom就是通过一个对象描述一个html结构 2、在js对象和真实dom树之间存在的一个虚拟对...

现状 SEO webpack编译慢 页面加载慢，白屏时间长 ssr实现 技术方案 Inertia + Vue3 + Vite Inertiajs 1、数据共享 Vite 难...

传统技术 preload 正常资源加载： 使用了preload prefetch prerender(已被弃用) 新一代技术 chrome浏览器功能 当在浏览器地址栏中输入...

基本概念 GitHub Actions 是一种持续集成和持续交付 (CI/CD) 平台，可用于自动执行生成、测试和部署管道。 您可以创建工作流程来构建和测试存储库的每个拉取...

背景 上图展示了一个按钮组，但是问题也很明显：每个按钮之间没有任何间距；很容易想到给每个按钮加margin，但是又不能直接加到button组件上，所以就有了button-g...

正则表达式使用小结；如何定义正则表达式，贪婪/非贪婪模式，捕获组，反向引用，可选组，命名组，前瞻和后瞻...

toLocaleString 官方定义 toLocaleString方法在多个对象中都实现了，比如：Number，Date，Array，Object，TypedArray，...

npx是一个强大的命令。在2017年7月发布的5.2版本npm中开始使用。npx是工作中非常有用的一个命令。...

PWA 前言 由于项目驱动，要改造成pwa，开始感觉还是有点难度的。文档是英文的，实例也比较少。随着慢慢的学习，发现pwa实质，利用现有技术，使传统的网页有更好的体验的一种...

localStorage基础 这里就不再多说了，大家对于localStorage的使用也比较熟悉了：它是浏览器提供的一个本地存储的API，可以以键值对的形式存储数据，存储的...

用String.prototype.replaceAll替换现用的replace方法，让全部替换变得更加简单...

正则表达式 我们使用正则表达式，通常都是去搜索引擎上去寻找我们要用的正则表达式，很少自己去书写一个正则，完成某个功能。其实正则表达式没有我们想的那么复杂，只要了解他的工作原...