React基础内容学习记录

react 实现自定义拖拽hook

前沿最近发现公司的产品好几个模块用到了拖拽功能，之前拖拽组件是通过Html5dragApi实现的但体验并不是很好,顺便将原来的拖拽组建稍做修改，写一个自定义hook，方便大家使用拖拽功能。正文拖拽功能原理：拖拽元素通过addEventListener监听器添加鼠标按下，鼠标移动，以及鼠标抬起事件。再通过getBoundingClientRect()得到拖拽元素四周相对于可拖拽区域边界的距离。鼠标移
丶酸酸·2025-02-26 06:35

【前端】react+ts 轮播图的实现

一、场景描述在很多网站的页面中都有轮播图，所以我想利用react.js和ts实现一个轮播图。
Loong_DQX·2025-02-26 06:03

React 源码揭秘 ｜ hooks原理

上篇我们说了updateQueue的实现原理，这篇我们说一下hooks，fiberHooks实现可以在react-reconciler/fiberHooks.ts找到。
小刘不知道叫啥·2025-02-26 06:33

前端面试题---vue和react的区别

文章目录框架vs库：学习曲线：模板vsJSX：数据绑定：状态管理：性能：社区支持：框架vs库：Vue是一个完整的框架，提供了从模板到状态管理的全套解决方案；React是一个UI库，主要聚焦于构建用户界面
*星之卡比*·2025-02-26 06:02

使用useReducer和useContext代替redux

并且决定替换掉redux的人群，小白劝退哦一.useContext使用1.用途：传值，从父到子，孙，孙孙..都可以拿到值2.用法：在外面先定义Contextimport{createContext}from'react
思涵欧尼·2025-02-26 03:11

使用useReducer和useContext管理组件

importReact,{useState,useReducer}from'react'constinitialState=[]constreducer=(state,action)=>{const[typ
蛮吉学长·2025-02-26 03:11

【react】进阶教程02

目录一、深度性能优化1.列表渲染优化（虚拟列表）2.使用WebWorkers处理CPU密集型任务二、复杂状态管理场景1.全局状态分层（Context+useReducer）2.异步状态管理中间件（ReduxThunk）三、高级组件模式扩展1.控制反转（InversionofControl）2.Headless组件模式四、服务端渲染与静态生成（Next.js集成）1.基础SSR实现2.静态生成（SS
咔咔库奇·2025-02-26 02:08

详细理解React的Fiber结构

一、为什么会出现Fiber旧版React通过递归的方式进行渲染，使用的是JS引擎自身的函数调用栈，它会一直执行到栈空为止。
芋圆不想 圆·2025-02-26 02:38

不愧是腾讯，面试的质量太高了

今天分享的是粉丝投稿的在腾讯的最新面经，问的都是一些高质量的问题，看看你能答上来几个：1.Proactor和Reactor模式的区别？
大G哥·2025-02-26 02:35

Webpack Module Federation实战：微前端架构

项目结构假设有两个独立的React应用：app1和app2，其中app2将通过ModuleFederation作为远程模块被app1消费。
糖糖老师436·2025-02-26 02:35

深入了解React Fiber：React的新架构

ReactFiber是React16引入的一种全新的协调引擎，旨在解决旧版React在性能和灵活性方面的不足。本文将深入探讨ReactFiber的工作原理、其背后的设计理念，以及它如何提升应用的性能。
糖糖老师436·2025-02-26 02:33

为什么React Hooks需要顺序调用

在享受ReactHooks带来的便捷性的同时，我们必须严格遵循顺序调用的规则，这一规则的重要性远超我们的想象。
银之夏雪丶·2025-02-26 00:54

React 中的受控组件与非受控组件：深度剖析与实战应用

一、引言在如今的前端开发里，React可是响当当的角色，是咱搭建用户界面的得力帮手。
银之夏雪丶·2025-02-26 00:53

React之从0开始（2）

谁规定的运行React项目就要从index.html开始？好吧，应该是Facebook规定的。。。。。那没事了。反正结论就是不能改。
️○-·2025-02-25 19:46

【JS】前端文件读取FileReader操作总结

目录FileReader主要方法readAsArrayBuffer(blob)readAsText(blob,[encoding])readAsDataURL(blob)主要事件React+antdUpload
m0_74825447·2025-02-25 17:31

ScriptEcho：AI赋能的前端代码生成神器

软件简介ScriptEcho是一个专为前端开发者设计的AI代码生成平台，支持Vue、React、uniapp和Flut
begei·2025-02-25 14:07

第五章：工程化实践 - 第一节 - Tailwind CSS 与前端框架的集成

本节将详细介绍如何将TailwindCSS集成到React、Vue和Angular等主流框架中，并介绍相关的最佳实践。
qianmoQ·2025-02-25 13:33

快速辨别Vue版本的8个关键方法

//Vue2特征importVuefrom'vue'newVue({el:'#app'})组合式API语法//←这是Vue3标志constcount=ref(0)响应式系统差异//Vue3使用ref/reactiveco
wujiada001·2025-02-25 13:33

每日一道面试题(技术随机）什么是前端工程化？它有什么意义？

核心要素：模块化架构采用ESModules/CommonJS实现代码拆分组件化开发（如React/Vue组件体系）//ESModule示例import{utils}from'.
晚夜微雨问海棠呀·2025-02-25 09:11

请谈谈 React 中的虚拟 DOM，如何通过 Diff 算法最小化真实DOM 更新次数？

每次组件状态变化时，React会生成新的虚拟DOM树，通过对比新旧树差异（Diffing）来最小化DOM操作。
程序员黄同学·2025-02-25 07:23

Android社招面经分享！2021华为Android高级面试题及答案，附相关架构及资料

从百度Google搬到自己的代码里,同一个问题要遇到好几次才能记住,很多问题搬完了还不知道为什么这么做.ReactNati
Andorid实习僧·2025-02-25 04:31

Netty Reactor 线程模型

Reactor线程模型是Netty实现高性能的核心所在，在Netty中EventLoop是Reactor线程模型的核心处理引擎，那么EventLoop到底是如何实现的呢？
Think_Higher·2025-02-25 03:49

使用 ahooks 解决 React 的闭包问题

React是一种流行的JavaScript库，用于构建用户界面。它通过组件化的方式，以声明式的方式处理界面状态和交互。然而，在使用React进行开发时，我们可能会遇到闭包问题。
SvqiAnaconda·2025-02-25 02:45

使用 Ahooks 解决 React 的闭包问题

React是一种流行的前端框架，但在使用React进行开发时，经常会遇到闭包问题。
ZdqDeveloper·2025-02-25 02:45

不愧是腾讯，面试的质量太高了

今天分享的是粉丝投稿的在腾讯的最新面经，问的都是一些高质量的问题，看看你能答上来几个：1.Proactor和Reactor模式的区别？
·2025-02-24 19:41

第G9周：ACGAN理论与实战

>-**本文为[365天深度学习训练营]中的学习记录博客**>-**原作者：[K同学啊]**本人往期文章可查阅：深度学习总结我的环境：语言环境：Python3.11编译器：PyCharm深度学习环境：Pytorchtorch
OreoCC·2025-02-24 18:50

vue3监听watch

watch可以直接监听ref类型的数据，如果监听reactive会黄字警告你需要将reactive解构出来监听conststate=reactive({tagsList:[],currentTags:"
·2025-02-24 14:59

langchain4j+springboot流式输出

序本文主要研究一下langchain4j+springboot如何实现流式输出步骤pom.xmldev.langchain4jlangchain4j-reactor$1.0.0-beta1application.yamllangchain4j
·2025-02-24 14:23

前端大厂常见面试题目|react|5-reacr ajax,axios,消息订阅发布机制，react-routerdom的api，基本路由使用，rdirct,antd，navlink,switch,

第4章：Reactajax4.1.理解4.1.1.前置说明React本身只关注于界面,并不包含发送ajax请求的代码前端应用需要通过ajax请求与后台进行交互(json数据)react应用中需要集成第三方
学习记录wanxiaowan·2025-02-24 11:00

React 探秘(四)：手撸 mini-react

文章目录背景实现能力手撸开始demo流程拆解实现render函数构建fiber树处理工作单元实现createfiber加入difffiber的逻辑commit阶段hooks实现源码地址参考文章背景前文中学习了react
家里有蜘蛛·2025-02-24 09:43

expo应用，登录失败，页面自动刷新？？？----全局状态滥用导致的bug

ps:先吐个槽，在使用cursor开发项目的过程中，其写出的认证部分的前端代码在测试中发现登录失败后总是会刷新页面，由于不懂react以及expo的机制，折腾了快3天终于将问题搞清楚了，虽然这是AI做出的坑
朝凡FR·2025-02-24 09:43

UniApp本地存储：你以为只会存密码？这些骚操作让你直呼内行！

今天咱们不聊“跨端开发大法”，也不撕“Vue和React谁更香”，就说说UniApp里那个看似憨厚老实，实则暗藏玄机的本地存储！你以为它只能存个账号密码？Tooyoung！
烂蜻蜓·2025-02-24 09:11

Qt学习记录--04 Qt的对话框介绍

一引言:熟悉win32(MFC)的小伙伴们会知道,对话框分为模态对话框和非模态对话框，他们的明显差异是:模态对话框在弹出后，会阻塞同一应用程序中其它窗体的输入，即无法获取鼠标和键盘等响应。模态对话框很常见，比如记事本的“打开文件”功能。当“打开文件”对话框弹出后，我们无法对此外的窗口进行操作的。而非模态对话框在弹出后，其他窗体依旧可以获取响应。例如记事本的“查找”对话框，我们可以在查找的同时，继续
Barry.Ji·2025-02-24 08:33

忘掉 DeepSeek：Qwen 2.5 VL 与 Qwen Max 来了

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Qwen系列又推出了两款令人瞩目的新模型：Qwen2.5VL和Qwen2.5Max。
·2025-02-24 05:16

自定义 Hooks 如何提升 React 组件的灵活性

本周开发监控项目，我发现了很多的React类组件封装，发现出现了多次UI渲染的情况、代码辨识度也较差，对性能和维护都产生了挑战。这里多个场景的都是状态管理和逻辑复用需求，其实完全没有必要封装类组件。
SailingCoder·2025-02-24 04:07

忘掉 DeepSeek：Qwen 2.5 VL 与 Qwen Max 来了

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Qwen系列又推出了两款令人瞩目的新模型：Qwen2.5VL和Qwen2.5Max。
·2025-02-24 01:42

Android 数据加载与分页业务

'androidx.lifecycle:lifecycle-extensions:2.2.0''androidx.lifecycle:lifecycle-viewmodel-ktx:2.2.0'io.reactivex.rxjava3
抹香鲸的弟弟蓝鲸·2025-02-23 22:02

React - ajax 配置代理

React本身只关注于界面，并不包含发送ajax请求的代码；前端应用需要通过ajax请求与后台进行交互（json数据）；React应用中需要集成第三方ajax库（或者自己封装）。
来一碗刘肉面·2025-02-23 17:22

【React】React 性能优化

一、React更新流程（结合React18/19底层原理）React在props或者state发生改变时，会调用React的render方法，创建一颗不同的树。
秀秀_heo·2025-02-23 12:17

2025网络安全学习路线 保姆级学习路线 非常详细 推荐学习

网络安全学习路线首先咱们聊聊，学习网络安全方向通常会有哪些问题1、打基础时间太长学基础花费很长时间，光语言都有几门，有些人会倒在学习linux系统及命令的路上，更多的人会倒在学习语言上；2、知识点掌握程度不清楚对于网络安全基础内容
白帽黑客-晨哥·2025-02-23 12:45

Muduo常用接口

Muduo的设计理念是将网络I/O与业务逻辑解耦，通过Reactor模型来管理I/O事件。
TsuanS·2025-02-23 09:57

react[email protected]系列-Redirect组件

很久没有碰前端，最近重新学习react-router，发现版本升级到了4.2.0，使用方法都做出了相应的调整。
kiramario（长期接受兼职机会）·2025-02-23 07:42

Flutter_学习记录_动画的简单了解

用AnimationController简单实现如下的效果图：1.只用AnimationController实现简单动画1.1完整代码案例import'package:flutter/material.dart';classAnimationDemoextendsStatefulWidget{constAnimationDemo({super.key});@overrideStatecreateS
一人前行·2025-02-23 06:33

libevent | 2.libevent基本概念以及应用方法(附:动态库找不到的处理方法)

的基本特点:(1).C语言编写,开源,开发效率高;(2).封装了socket通信和IO多路转接;(3).代码精简专注于网络,性能高;(4).事件驱动:将网络io处理转化为事件处理即libevent是对reactor
高英gy·2025-02-23 04:46

Java响应式编程库Reactor的介绍和基本使用

关于响应式编程的概念和介绍可以参考：响应式编程(ReactiveProgramming)是什么？
oscar999·2025-02-23 03:42

React前端框架详解

React前端框架详解React是一个用于构建用户界面的JavaScript库，由Facebook开发并维护。
小俊学长·2025-02-23 03:42

React前端框架基础知识详解

React是由Facebook推出的一个用于构建用户界面的JavaScript库，现已成为前端开发中最流行的框架之一。React的核心理念是通过组件化的方式构建用户界面，提升代码的可维护性和复用性。
大梦百万秋·2025-02-23 03:41

React 前端框架介绍

什么是React？React是一个由Facebook开发并维护的开源JavaScript库，用于构建用户界面。它主要用于创建交互式用户界Face（UI），尤其是当数据变化时需要更新部分视图时非常有效。
Earth explosion·2025-02-23 03:09

大白话React第一章基础入门

大白话React第一章基础入门1.环境准备咱要学React开发，就好比要开一家蛋糕店，首先得把开店要用的工具和场地准备好。
IT木昜·2025-02-23 03:39

React+TypeScript+React初始化项目后配置@别名

在vite.config.ts中：import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path
一蓑烟雨灬任平生·2025-02-23 03:08
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他