React
Next.js 实现文件浏览面包屑导航功能详解

本文介绍如何在 Next.js 应用中从零实现文件浏览器的面包屑导航功能。通过自定义 API 接口获取目录列表,结合 Ant Design 的 Breadcrumb 组件与 Dropdown 交互,实现路径跳转、悬停预览子目录及滚动定位。包含完整代码示例与关键逻辑解析。

10.31
热度 265
基于原生JS与CSS变量实现可拖拽容器布局组件

本文介绍如何不依赖重型第三方库,利用原生JavaScript和CSS变量实现一个高性能的可拖拽容器布局组件。通过封装DragLine与DragContainer,结合Flex布局特性,实现多列宽度自定义调整,同时避免React状态更新导致的重复渲染,提升页面性能。

10.31
热度 556
React脚手架config-overrides.js文件的配置方式

本文详解如何在React脚手架项目中,通过react-app-rewired和customize-cra插件,在不执行eject命令的前提下自定义webpack配置。涵盖package.json脚本修改、config-overrides.js文件结构、customizer与utilities工具函数的使用,以及tap和fixBabelImports等高级用法,帮助开发者灵活调整构建流程。

10.31
热度 235
React项目中实现吸顶导航栏的完整教程

本文详细演示了在React项目中实现页面滚动吸顶效果的方法。通过监听window滚动事件,结合CSS的position: fixed属性与组件状态管理,当滚动距离超过设定阈值时动态切换class,从而让头部组件固定在屏幕顶部。教程涵盖从项目搭建、样式配置到生命周期钩子处理的完整步骤。

10.30
热度 566
在 React 或 Vue 中封装 Three.js 组件的生命周期管理与状态同步

深入讲解在 React 与 Vue 前端框架中封装 Three.js 3D 组件的工程化实践,涵盖控制器解耦架构、生命周期精密管理、响应式状态增量同步与 WebGL 显存安全释放机制。

10.30
热度 149
在 React 或 Vue 中封装 Three.js 组件的生命周期管理与状态同步
React中集成JS颜色选择器的最佳实践

深入解析在React项目中高效、稳健集成第三方原生JavaScript颜色选择器的最佳实践。涵盖虚拟DOM与命令式实例生命周期桥接、受控状态与死循环阻断、闭包陷阱消除、拖拽性能RAF节流以及SSR服务端渲染兼容方案。

10.30
热度 502
React中集成JS颜色选择器的最佳实践
现在还有必要读《JavaScript DOM编程艺术》吗?对比现代前端框架

全面对比《JavaScript DOM编程艺术》中的经典思想与现代前端框架的运作机制,深入剖析命令式与声明式开发的差异,给出明确的读者选读建议与高效学习路径。

10.30
热度 582
现在还有必要读《JavaScript DOM编程艺术》吗?对比现代前端框架
Java和JavaScript分别用在哪里?后端开发与前端交互的应用场景解析

深入解析Java与JavaScript的核心应用场景:Java如何主导企业级后端与高并发事务,JavaScript如何统治浏览器前端交互,以及两者通过RESTful API协同工作的完整端到端架构。

10.30
热度 303
Java和JavaScript分别用在哪里?后端开发与前端交互的应用场景解析
掌握JavaScript基础后,该选React、Vue还是Node.js进阶?

掌握JavaScript基础后,面对React、Vue和Node.js该如何抉择?本文深入剖析前端视图框架与服务端运行时的核心差异、选型决策流程与进阶落地路径,帮助开发者结合职业目标做出务实选择。

10.30
热度 629
掌握JavaScript基础后,该选React、Vue还是Node.js进阶?
框架时代重读《JavaScript DOM编程艺术》:原生DOM操作还有用吗

在React、Vue等现代组件化框架普及的背景下,重读经典《JavaScript DOM编程艺术》,深入剖析原生DOM操作在现代开发中的核心定位、不可替代的实战场景以及该书永恒的架构哲学。

10.30
热度 582
框架时代重读《JavaScript DOM编程艺术》:原生DOM操作还有用吗
React实现原生JS拖拽:虚拟DOM操作与事件绑定优化

本文探讨在React中实现原生JS拖拽效果时的常见陷阱与优化方案。重点讲解了为何应避免直接操作DOM,推荐通过子组件更新父组件状态;阐述将mousemove和mouseup事件绑定至document以解决快速拖动失效的问题;并介绍了实现拖拽边界检测的具体逻辑,确保元素不超出可视窗口。

10.30
热度 316
Echarts实现点击列表联动饼图的示例代码

本文介绍如何在React项目中利用echarts-for-react库,实现左侧列表点击与右侧饼图高亮的联动效果。通过定义StageLine和Pie组件,利用forwardRef获取图表实例,并在父组件中管理点击状态与高亮索引,完成列表与饼图的交互逻辑。

10.26
热度 393

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署