三小河

在组件化开发中，插槽（Slot）是实现组件内容分发与灵活扩展的核心技术。Vue、Angular 等框架原生支持插槽语法，而 React 虽未提供内置的 <slot> 标签，...

静态属性 / 方法（static）和私有属性 / 方法（# 前缀）是 Class 语法中两个核心的封装特性，但设计目标、访问范围、使用场景完全不同。下面用「核心区别 + 场...

Class 是 ES6 引入的面向对象编程（OOP）语法糖，本质是对 JavaScript 原型链的封装，让代码结构更清晰、易维护，尤其适合组件封装、工具类开发、状态管理等...

在 Vue3 生态中，组合式 API（Composition API）的出现彻底改变了逻辑复用的方式，其中组合式函数（Composables）  作为核心载体，不仅能复用组...

在 React 开发中，状态管理是核心需求之一。从简单的组件内 state，到 Context API、Redux 等全局状态方案，开发者一直在根据场景选择合适的方案。而自...

在对接大模型问答的场景中，SSE（Server-Sent Events）是前端实现服务器单向推送的轻量方案。但在 React 项目中通过 Nginx 代理集成 SSE 时，...

背景 对于使用npm包，每个人都不陌生，但是如何发布，尤其是npm 组织包（Organization Packages有些同学不太清楚，正好朋友想找帮忙发布个他们常用uti...

前言 在前端开发中，事件是交互逻辑的核心载体。除了 click、scroll 等浏览器内置事件，我们还可以通过 CustomEvent 和 dispatchEvent 构建...

背景 在现代 React 项目开发中，路由管理是核心环节之一。随着项目规模扩大，路由配置文件会逐渐增多，手动逐个引入路由文件不仅效率低下，还容易出现遗漏或重复引入的问题。本...

背景 在现代前端工程化体系中，"依赖管理" 始终是绕不开的核心议题。当项目规模扩大、依赖层级加深，尤其是接入私有 npm 仓库（私服）时，"版本冲突" 问题会愈发凸显 ——...

背景 在现代前端开发中，CSS 类名的处理看似简单，却暗藏诸多细节：条件判断、类名合并、冲突处理…… 尤其当项目中引入 Tailwind CSS 后，类名的灵活性与复杂性并...

背景 生活在AI的今天，coding可选择提效的大模型有很多，用对了事半功倍，下面分场景介绍下目前工作中的提效工具 vscode插件形式 GitHub Copilot 类别...

背景 React Bits 是一个开源的 React 组件库，专注于为 React 应用程序添加动画和交互效果，能助力开发者打造出视觉吸引力强、交互体验好的用户界面。体验地...

背景 最近在查看代码的时候 发现好多的 overflow:hidden overflow:auto的嵌套，一问竟然说是 auto须嵌套在hidden中才生效 才可以滚动。。...

背景 对于同一个文件，通过接口来获取二进制文件流的时候，线上部署环境是ok的，可以正常下载，但是本地的vite proxy代理 对于同一个文件展示不同的效果 会直接拒绝访问...

背景 主要是解释下Lottie动画的使用，以及如何获取资源，如何前端引入及控制他的播放 什么是Lottie Lottie 是 Airbnb 开发的一种跨平台动画格式，它基于...

背景 我们在开发中，对于一些开销较大且props不经常变动的子组件，通常使用的 memo优化处理，但是真的了解memo的更新时机吗，下面基于 基础类型 引用类型 详细解释下...

背景 我们在写react项目中 使用到会更改原始数组的方法的时候，经常需要 使用[...arr]来拷贝一份，经常使用到的比如 sort reverse splice 等等，...

背景 水文，记录下css属性而已 inset inset 是 CSS 中的一个简写属性，用于同时设置元素的 top、right、bottom、left 四个定位属性。它的设...