前端-react

useSyncExternalStore 的应用

我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：修能学而不思则罔，思而不学则殆。

·2025-03-21 07:59

从 0 到 1 搭建一个 Web 应用项目：详细步骤与踩坑记录

二、技术选型（一）前端框架：选择React.js。它具有高效的虚拟DOM机制，能够快速更新页面，提升用户体验。同时，React生态系统丰富，有大量现成的组件库和工具可

算法探索者·2025-03-21 07:03

浏览器工作原理深度解析（阶段一）：从 URL 到页面渲染的完整流程

一、浏览器工作流程概述作为前端开发者，我们每天都在与浏览器打交道，但多数人对其内部工作机制却知之甚少。实际上，浏览器的核心功能就是将用户输入的URL转换为可视化的网页。

码农的时光故事·2025-03-21 07:31

解析：浏览器事件冒泡及事件捕获

而今天，还是回到前端。今天来说说事件冒泡和事件捕获。首先肯定是概念：什么是事件冒泡？什么是事件捕获？简单地说，事件冒泡和事件捕获都是一种事件传递的机制。这种机制可以使事件在不同级的元素间传递。

C860·2025-03-21 06:51

pear-admin-boot开发框架使用记录（三）

数据库表调整在数据表添加2个字段：sharedeptid共享部门idvarcharsharedeptname共享部门名称varchar前端html页面调整页面添加如下代码：共享部门前端JS调整添加如下代码

后青春期的诗go·2025-03-21 06:49

基于koajsAdmin+mongodb的后台管理快速开发框架安装运行记录

//gitee.com/zhoushuigui/koajs-admin安装mongodb数据库并连接安装yarnnpminstallyarn-g安装nodemonnpminstallnodemon-g前端运行安装依赖进入项目根目录

后青春期的诗go·2025-03-21 06:49

Netty源码—2.Reactor线程模型一

大纲1.关于NioEventLoop的问题整理2.理解Reactor线程模型主要分三部分3.NioEventLoop的创建4.NioEventLoop的启动1.关于NioEventLoop的问题整理一.

东阳马生架构·2025-03-21 05:11

【微信小程序（云开发模式）变通实现DeepSeek支持语音】

整体架构前端（微信小程序）：使用微信小程序云开发能力，实现录音功能。将录音文件上传到云存储。调用云函数进行语音识别和DeepSeek处理。界面模仿DeepSeek，支持文本编辑。

技术与健康·2025-03-21 04:09

react-11（自定义hook、useRef）

自定义hook主要是我们利用已有的hook,实现hook的效果，并在其他地方引用。（感觉像是封装了一个方法）//定义constfetchHook=(url)=>{const[data,setData]=useState({})const[loading,setLoading]=useState('')useEffect(()=>{setLoading('loading')axios.get(url

我只是想饮一杯奶茶·2025-03-21 04:09

react hook:useRef,forwardRef, useImperativeHandle父子通信

使用场景:父组件调用子组件里的方法父组件：Father.tsximportReact,{useRef}from'react';importChildrenfrom'.

取啥好·2025-03-21 04:37

深度解析 React useRef Hook 的使用

useRef返回一个可变的ref对象，其.current属性被初始化为传入的参数（initialValue）。返回的ref对象在组件的整个生命周期内持续存在。命令式地获取及操作DOM：functionTextInputWithFocusButton(){ //通过useRef创建并获取Dom元素 constinputEl=useRef(null); constonButtonClick=()=

Jason Ma丶丶前端工程师·2025-03-21 04:06

Web Component 教程（六）：基于 Stencil 脚手架开发 Web Component

前言在现代前端开发中，WebComponent是一种逐渐受到关注的技术，它允许我们创建可以在任何框架或库（如React,Angular,Vue等）中使用的可重用组件。

乐闻x·2025-03-21 04:06

React Material Components Web 使用教程

ReactMaterialComponentsWeb使用教程react-mdc-webMaterialDesignComponentsforReact项目地址:https://gitcode.com/gh_mirrors

计煦能Leanne·2025-03-21 04:06

Angular Material表格的动态列宽设置

在前端开发中，AngularMaterial表格（mat-table）是非常流行的组件之一。它提供了丰富的功能，如排序、分页和过滤等。

t0_54program·2025-03-21 04:04

解释一下什么是 React 的 useRef Hook

useRef是React中的一个Hook，用于创建一个可以持久化存储的可变引用。它通常用于访问DOM元素或保存任何可变值，而不触发组件的重新渲染。

祈澈菇凉·2025-03-21 03:34

HTML 教程：从零开始掌握常用语法

无论你是想成为一名前端开发者，还是仅仅想了解网页背后的魔

LoveYa!·2025-03-21 03:30

解决npm run dev运行后报错：”Could not read package.json: Error: ENOENT: no such file or directory“

在启动一个项目的前端时，执行npmrundev命令，结果报错如下：根据报错提示："npmerrorerrno-4058"通常是由于文件系统权限问题或文件路径问题导致的。

moz与京·2025-03-21 03:59

如何使用 React 18 和 Storybook 进行交互测试

在本文中，我们将专注于在使用React18和Storybook时测试我们的组件的交互。

pxr007·2025-03-21 03:28

六十天前端强化训练之第二十一天大师级详解 React Context API：从原理到实战

=====欢迎来到编程星辰海的博客讲解======看完可以给一个免费的三连吗，谢谢大佬！目录一、庖丁解牛：深入理解ContextAPI1.1设计哲学与运转机制工作原理三步曲：1.2核心三剑客详解1.3性能优化要诀二、手把手实现主题切换系统2.1完整代码实现（逐行注释版）2.2配套CSS样式设计三、关键知识点拆解3.1状态初始化策略3.2CSS变量注入原理3.3性能优化实践3.4可访问性最佳实践四、

编程星辰海·2025-03-21 02:26

【Vue3笔记01】如何使用Vue3和Vite搭建前端项目的基础开发环境

这篇文章，主要介绍如何使用Vue3和Vite搭建前端项目的基础开发环境【知识星球】。

Mr.小朱同学·2025-03-21 02:54

12.12【java exp4】react table全局搜索tailwindcss 布局 (Layout) css美化 3. (rowId: number

reacttable创建一个下拉菜单，允许用户选择要搜索的列。创建一个输入框，用于输入搜索关键词。

CQU_JIAKE·2025-03-21 02:54

Postman 从入门到精通的详细图文教程指南

API已经成为连接不同系统和服务的重要桥梁，无论你是前端开发者、后端工程师还是测试人员，掌握API的开发和测试技能都是非常重要的。

清尘沐歌·2025-03-21 02:20

Postman高级功能深度解析：Mock Server与自动化监控——构建高效API测试与监控体系

然而，传统API测试面临两大挑战：开发阶段依赖：前端与后端团队需同步开发，导致进度延迟；测试环境复杂：生产数据敏感、测试场景覆盖不全、性能压力模拟困难。

测试渣·2025-03-21 02:18

从 0 开始使用 cursor 开发一个移动端跨平台应用程序

1.安装必要的工具和环境在开始之前，确保你的开发环境已经安装了以下工具：a.安装Node.js和npmReactNative依赖Node.js和npm（NodePackageManager）。

沐怡旸·2025-03-21 02:18

框架基本知识总结 Day17

token续命每一次操作后都要延长token的过期时间，长时间不操作token才会过期登录延长时间应该是在拦截器中做的，因为它会拦截所有请求前端的拦截需要用到路由守卫响应式“响应式”指的是系统能根据数据变化做出响应

小斌的Debug日记·2025-03-21 01:46

TypeScript语言的计算机视觉

近年来，TypeScript作为一种现代化的编程语言，因其类型安全和更好的开发体验，逐渐在前端和后端开发中得到了广泛应用。本文将探讨如何使用TypeScript进行计算

苏墨瀚·2025-03-21 00:10

抖音用户视频批量下载工具开发全解析

浏览器指纹检测]-->B[请求参数签名]B-->C[Cookie动态验证]C-->D[请求频率限制]D-->E[IP信誉评级]1.2核心参数解密参数名称作用原理生成方式有效期x-bogus请求签名防篡改前端

木觞清·2025-03-21 00:37

01.AJAX 概念和 axios 使用

使用浏览器的XMLHttpRequest对象与服务器通信浏览器网页中，使用AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页

Lv547·2025-03-21 00:05

TypeScript模块 vs JavaScript模块：现代化开发的模块化之道

一、模块化开发的重要性在当今前端开发领域，模块化已成为构建可维护、可扩展应用程序的基石。无论是小型项目还是企业级应用，良好的模块化设计都能显著提升代码的可读性和复用性。

念九_ysl·2025-03-21 00:04

Dify 项目开源大模型应用开发平台

其核心功能包括：可视化工作流构建通过可视化画布（如ReactFlow）编排AI工作流，支持多步骤任务处理，例如文档解析、模型推理和

魔王阿卡纳兹·2025-03-20 23:30

SvelteKit 最新中文文档教程（7）—— 构建和部署

前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。

·2025-03-20 23:48

推测未来Agentic形态：Dynamic Cognitive Contextual Agent with Reinforcement Learning (DCCA-RL)

在AIAgent设计模式领域，我们见证了从简单的ReAct到复杂的LATS的演进，这些模式通过反思、工具使用、规划和多代理协作，极大地提升了AI的自主性和智能性。

weixin_40941102·2025-03-20 21:40

前端性能优化之SSR优化

SSR也是前端性能优化中最常用的技术方案了，能有效地缩短页面的可见时间，给用户带来很好的体验。SSR渲染方案一般来说，我们页面加载会分为好几个步骤：请求域名，服务器返回HTML资源。

xiangzhihong8·2025-03-20 21:35

前端面经分享（25/03/18）

北京一家做边缘云服务提供商公司，技术一面，15k-20k，要求3-5年上家公司的项目为什么会选择MQTT进行通信React常用Hook为什么React不能在条件语句里用Hook前端常见的优化策略React

CreatorRay·2025-03-20 20:31

React中useEffect和useLayoutEffect的区别

在React中，useEffect和useLayoutEffect都是用于处理副作用的Hooks，但它们的执行时机和对渲染流程的影响有显著区别。

CreatorRay·2025-03-20 20:30

智慧物流数字管理系统设计案例分析

艾斯视觉团队在此，我们专注于UI设计和前端开发领域10年有余。非常高兴能与您分享我们的经验和见解。如果您觉得有所帮助，请给予我们支持和关注，并随时私信我们，共同探讨进步！谢谢您的鼓励！

UI设计开发服务商·2025-03-20 20:29

前端面经真题解析10-字节/抖音电商/前端/超详细记录

文章目录1.自我介绍2.介绍下自己的项目3.看你项目里面用了axios,说下请求拦截和响应拦截怎么做？4.说下项目里面前后端交互过程及设计？5.怎么处理切换分页请求数据的，优化手段？6.说下你爬取别人网站数据的时候，别人如果设置了拦截，你的解决方案是？7.你说下http请求的refer字段？**Origin字段：****Referer字段：****Host字段****区别：**8.看你做了路由懒加

浪里个浪zxf·2025-03-20 20:28

【网易雷火秋招】前端面经分享

网易网易雷火是国内一流且最有创新力的游戏研发团队，是网易杭州的第一个游戏工作室。雷火开创性的打造了《逆水寒》、《永劫无间》、《倩女幽魂》、《全明星街球派对》等一众爆款游戏；并在二次元、FPS、主机游戏等方向上持续探索，《代号：无限大》等在研项目收到玩家广泛关注。与此同时，我们与全球合作伙伴一起共同构建开放、协同、共荣共生的产业生态，致力于让中国游戏走出去，让世界听见雷火声音。雷火还拥有国内专业从事

编程自学-领绿学长·2025-03-20 20:28

【万字总结】前端全方位性能优化指南（四）——虚拟DOM批处理、文档碎片池、重排规避

前言在浏览器宇宙中，DOM操作如同「时空裂缝」——一次不当的节点更新可能引发连锁重排，吞噬整条渲染流水线的性能。本章直面这一核心矛盾，以原子级操作合并、节点记忆重组、排版禁忌破解为三重武器，重构DOM更新的物理法则。通过虚拟DOM的批处理引擎将千次操作坍缩为单次提交，借助文档碎片池实现90%节点的跨时空复用，再以transform替代top等20项反重排铁律，我们将彻底终结「JavaScript线

庸俗今天不摸鱼·2025-03-20 20:27

前端面经分享（25/03/19）

北京一家做协同办公软件出海的公司，技术一面，20k-40k，要求3-5年详细聊了一下上家公司的项目上家公司的项目是不做了吗，离职原因是什么，你觉得公司的这个产品怎么样在做AI类的业务时，作为前端感觉跟常规业务有什么区别详细聊了一下上上家公司的项目细节讲一下项目里用编辑器做了什么事遇到过什么难解决的问题项目里提供的

CreatorRay·2025-03-20 20:56

浏览器开发者工具深度调试指南：从入门到高阶技巧

浏览器开发者工具（DevTools）是现代前端工程师的"瑞士军刀"，本文将系统解析其核心功能与实战技巧，助您掌握高效调试的终极奥义。

109702008·2025-03-20 18:12

《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅

文章标题《React开发实践：掌握Redux与Hooks应用》——开启你的前端进阶之旅在前端开发的浪潮中，React.js已经成为开发者们不可或缺的利器。

JJCTO袁龙·2025-03-20 17:09

Webpack常见面试题总结

一、谈谈你对Webpack的理解1.1背景Webpack的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。

xiangzhihong8·2025-03-20 17:39

最完整的webpack Dll打包与采坑总结

webpack已经成为前端主流的项目打包工具，对于前端开发必不可少。

仰望星空的代码·2025-03-20 17:38

前端开发：Webpack的使用总结

前言在前端开发过程中，尤其是现在前端框架的频繁使用的当下，作为前端开发者想必对于Webpack并不陌生，尤其是在使用Vue框架做前端开发的时候，打包时候必用Webpack。

三掌柜666·2025-03-20 17:33

UNI-APP+VUE3+VITE+VSCode开发经验及填坑记录（持续更新ING）

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）

集成显卡·2025-03-20 16:30

【Spring AI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心交互函数及RAG知识库构建

系列文章目录【SpringAI】基于专属知识库的RAG智能问答小程序开发——完整项目（含完整前端+后端代码）【SpringAI】基于专属知识库的RAG智能问答小程序开发——代码逐行精讲：核心ChatClient

un_fired·2025-03-20 15:20

个人AI助手的未来：Yi AI开源系统助力快速搭建

该平台采用全套开源系统，涵盖前端应用、后台管理及小程序功能，并基于MIT协议开放使用。

耶耶Norsea·2025-03-20 14:16

Demo发布- ClkLog客户端集成 uni-app

前言在上一期推文中【Demo发布-ClkLog客户端集成-ReactNative】，我们与大家分享了ReactNative的集成demo。本期，我们将继续介绍ClkLog集成uni-app的demo。

·2025-03-20 14:23

Demo发布 | ClkLog成功集成Unity3D

前言在Clklog完成ReactNative和uni-app集成Demo后，一个游戏行业新客户提出了使用Unity3D开发的集成问题。对此，我们与客户分别进行了测试。