vue.js前端react 第40页

React 的 Fiber 架构详解

React的Fiber架构是React16引入的核心机制，它彻底重构了React的渲染和协调（Reconciliation）过程，为并发渲染（ConcurrentRendering）奠定了基础。

小前端大牛马·2025-06-14 22:11

对React-Fiber的理解，它解决了什么问题？

ReactV15在渲染时，会递归比对VirtualDOM树，找出需要变动的节点，然后同步更新它们，一气呵成。

沿着路走到底·2025-06-14 22:41

《开源项目-原神定位神器》超实用前端地图工具：一键定位矿物、宝物、敌人等资源，3D实景资源全收集

一、简介：《原神启动》是一个专为原神玩家设计的开源前端地图工具，无需安装客户端，打开网页就能用！它能展示游戏里所有区域的3D地图，并且用不同颜色的标记点标出传送锚点、宝箱、矿物、特产

柠檬0322·2025-06-14 22:38

React-fiber架构

Filber架构（通常称为Fiber架构）是React16中引入的核心重构，旨在解决React在大型应用中的性能问题，并为异步渲染、并发模式（ConcurrentMode）等高级特性提供底层支持。

尘寰ya·2025-06-14 22:08

解决html2canvas 截图中SVG有image不渲染问题

最近是在使用html2canvas做分享海报的图片，用qrcode.react的QRCodeSVG生成了二维码，但是发现生成的海报二维码中间的logo不渲染例如是由于html2canvas截图时不会去请求

guxuehua·2025-06-14 21:03

Java解析前端传来的Unix时间戳

在Java中，前端传递的1749571200000是一个Unix时间戳（毫秒级），表示自1970年1月1日00:00:00UTC以来经过的毫秒数。

BillKu·2025-06-14 21:03

Vue与React中ref的终极对决：3年踩坑经验告诉你，选错框架毁掉整个项目

如果你还认为Vue的ref和React的ref只是语法不同，那你可能正在挖一个巨坑。我是一个踩过无数坑的前端老兵，从Vue2.x时代一路摸爬滚打到现在。

悲之觞·2025-06-14 21:02

全栈开发指南：从前端到后端的全面掌握

全栈开发指南：从前端到后端的全面掌握引言全栈开发人员（FullStackDeveloper）是指能够处理前端和后端开发工作的开发人员。

悲之觞·2025-06-14 21:32

结合redis实现文件分片秒传断点续传

**秒传**--前端计算文件MD5并请求`/check`-Redis中存在MD5记录→直接返回成功2.

学会沉淀。·2025-06-14 21:01

React Context 性能问题及解决方案深度解析

ReactContext性能优化深度解析：从问题到解决方案ReactContext是现代React应用中不可或缺的状态管理解决方案，用于解决组件间状态共享和避免propdrilling问题。

A-wliang·2025-06-14 20:54

前端和后端一个多角度分析---ChatGPT4o作答

前端和后端是web开发中常用的术语，它们代表了网站或应用程序的不同部分，负责不同的任务。前端（Frontend）定义：前端是用户直接互动的部分，通常指的是网站或应用程序的界面。

·2025-06-14 19:51

[技术积累]成熟的前端和后端开发框架

https://github.com/APIJSONgitee官网地址：https://gitee.com/Tencent/APIJSON官网地址：腾讯APIJSON官方网站1.2、零代码开发框架2、前端

gwcgwcjava·2025-06-14 19:17

Vue Router

下面，我们来系统的梳理关于VueRouter的基本知识点：一、VueRouter概述VueRouter是Vue.js官方的路由管理器，用于构建单页面应用（SPA）。

前端岳大宝·2025-06-14 19:16

Vue3+TypeScript+Django Rest Framework 搭建个人博客（一）：框架代码初始化

这一篇介绍后端和前端的基础框架代码初始化，基于Django和Vu

zgj0607·2025-06-14 18:41

React Native Android端多环境自动打包

文章目录1、技术环境搭建2、配置Android构建参数。3、编辑复制文件到指定位置的脚本4、Jenkins创建工程5、下载nginx，配置相关参数、HTTPS证书6、写iOS下载配置文件plist7、编写下载页面9、将下载页面、文件下载路径配置到nginx的配置文件中10、启动nginx1、技术环境搭建AndroidSDK通过comdline-tools管理SDK配置环境变量安装需要的SDK常用命

小马小沈·2025-06-14 16:56

react native获取app的打包（构建）时间

前言获取App的打包（构建/编译）时间，这种业务场景还是很多的，根据App的打包时间和本地/网络资源做比较，进行后续差异化操作。我这里大概分为两种方法，一种是在app编译构建时写入一个时间常量；另一个是能直接获取到当前文件（类）的编译时间。以此视为app的打包时间。具体实现是，安卓端采用第一种方法，iOS端采用第二种方法，整体代码比较简单快速有效。正文Android端：在Android端的modu

user95·2025-06-14 16:55

ReactNative 原生混合开发打包ipa和apk

ReactNative集成原生项目，打包ipa和apk过程记录分析。本文章默认会iOS和安卓常规打包，只介绍打包RN这步。

2401_84092903·2025-06-14 16:54

npm yarn pnpm 的区别

全面的包库：npm拥有数百万的软件包，涵盖了从前端框架到后端工具的广泛领域，几乎可以找到任何需要的库或工具。灵活性：npm支持丰富的配置选项，允许用户高度自定义安装过程，包括版本锁定、脚本自定义等。

·2025-06-14 16:23

浅浅整理-前端技术发展

前端技术发展全链路解析（1990-2025）技术演进阶段划分1.洪荒时代（1990-1999）技术突破：1991：HTML1.0（TimBerners-Lee）1994：CSS提案（HåkonWiumLie

weixin_46473496·2025-06-14 15:52

前端vue2项目，执行npm install 命令直接报错，如何解决？| 亲测有效

本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案解决步骤1.**以管理员身份运行【实测有效】**2.**清理npm缓存**3.**修改npm全局目录和缓存目录的权限**4.**更改npm缓存和

bug菌¹·2025-06-14 15:52

【Python@arcpy】 GeoDataBase 导出为Shapefile

关注公众号"seeling_GIS"，领取前端学习视频资料数据源是gdb，需要用超图发布成服务，所有想到的办法就是通过将数据转换成shp然后在通过shp导入到超图udb文件中，然后发布成服务。

seelingzheng·2025-06-14 15:50

前端开发必知：npm 脚本使用全攻略

前端开发必知：npm脚本使用全攻略关键词：npm脚本、前端自动化、package.json、生命周期钩子、环境变量摘要：你是否遇到过「每次部署都要手动敲一长串命令」「测试前总忘记先检查代码格式」「跨平台命令总报错

前端视界·2025-06-14 15:17

React源码解析系列(五) —— Fiber树

wlqdbtx·2025-06-14 13:37

React 源码解析

第一章虚拟DOM：框架的"设计蓝图"1.1最小虚拟DOM实现classVNode{constructor(tag,props,children){this.tag=tag//标签名this.props=props||{}//属性对象this.children=children//子节点this.key=props?.key//优化标识}}//创建虚拟DOM的工厂函数functioncreateEl

秋水为渡·2025-06-14 13:05

HTML5 教程第4节：HTML 链接与导航

；理解不同属性（如href、target、rel、download）的作用；能够实现页面内锚点跳转、外部链接打开、邮件链接调用等功能；掌握安全性和用户体验相关的最佳实践；能将基础链接逻辑封装为Vue/React

全栈前端老曹·2025-06-14 13:35

【高级前端进阶】前端性能优化01之虚拟滚动列表（Virtual Scrolling）详解与总结

前端性能优化之虚拟滚动（VirtualScrolling）详解与总结一、什么是虚拟滚动？

全栈前端老曹·2025-06-14 13:05

【React】使用 useContext + useReducer 实现一个轻量的状态管理库

使用useContext+useReducer实现的轻量级状态管理，适合中小型React应用使用。

秀秀_heo·2025-06-14 13:03

前端必知：Node.js 基础入门指南

前端必知：Node.js基础入门指南关键词：Node.js、前端开发、基础入门、JavaScript、服务器端编程摘要：本文旨在为前端开发者提供一份全面的Node.js基础入门指南。

前端视界·2025-06-14 13:02

【React源码09】深入学习React 源码实现——Fiber架构副作用收集Effect List

深入学习React源码实现之Fiber副作用收集一、Fiber副作用收集机制历史介绍在React的StackReconciler时代（React15及之前），更新是同步的，组件树递归渲染过程中直接进行DOM

全栈前端老曹·2025-06-14 13:00

python3转为unicode编码_Python3的unicode编码转换成中文的问题及解决方案

[这世界上一定有另一个小编做着小编不敢做的事过着小编想过的生活]前端将中文编码后传到后台，后台对传来的数据进行json.dumps存入mysql数python默认就是unicode存储。

AllFiredUp·2025-06-14 12:58

前端实现图片压缩：基于 HTML5 File API 与 Canvas 的完整方案

在Web开发中，处理用户上传的图片时，前端压缩可以有效减少服务器压力并提升上传效率。本文将详细讲解如何通过实现图片上传，结合Canvas实现图片压缩，并实时展示压缩前后的图片预览和文件大小对比。

·2025-06-14 12:27

vue 封装 axios 并使用 aes 对请求响应数据加解密

//前端通过AES进行加解密（CBC模式）npminstallcrypto-js--save-dev1、新建文件AESED.jsimportCryptoJSfrom"crypto-js";letkey=

꒰ঌ小武໒꒱·2025-06-14 12:56

Html实现图片上传/裁剪/马赛克/压缩/旋转/缩放

cropper下载https://download.csdn.net/download/dongyan3595/90970115前端代码.upload-image{height:100%;opacity

会飞的哈士奇·2025-06-14 12:25

WebSocket 前端断连原因与检测方法

文章目录前言WebSocket前端断连原因与检测方法常见WebSocket断连原因及检测方式聊天系统场景下的断连问题与影响行情推送场景下的断连问题与影响React前端应对断连的稳健策略自动重连机制的设计与节流控制心跳机制的实现与保持连接存活连接状态管理与

TE-茶叶蛋·2025-06-14 09:46

前端导出PDF(适配ios Safari浏览器）

目前市面上常用的前端导出PDF库组合一般为：1.html2canvas+js-pdf2.html2canvas+pdf-lib3.domtoimage+pdf-lib因本人项目中导出pdf需求为导出30

·2025-06-14 09:45

vue+cesium示例：3D热力图(附源码下载)

接到一位知识星友的邀请，随机模拟三维数据点，结合heatmap.js实现基于cesium+vue的3D热力图需求，适合学习Cesium与前端框架结合开发3D可视化项目。

GIS之家·2025-06-14 08:41

前端性能优化全解析：打造极致用户体验

前端性能优化已成为提升用户满意度、增强网站竞争力的关键所在。本文将全面深入地探讨前端性能优化方案，助力开发者构建快速、流畅且高效的Web应用。

灿灿12138·2025-06-14 08:41

前端性能优化：打造极致用户体验

一、前端性能的重要性用户对网站的耐心是有限的。研究表明，如果一个网页的加载时间超过3秒，超过50%的用户会选择离开。而当加载时间超过5秒时，用户流失率会进一步增加。

代码老y·2025-06-14 08:39

React Native【实战范例】水平滚动分类 FlatList

importReactfrom"react";import{FlatList,SafeAreaView,StyleSheet,Text,View}from"react-native";interfaceitemType

朝阳39·2025-06-14 08:36

Taro首个支持鸿蒙的 UI 库，同时还兼容 React Native、小程序、H5

现在使用这个UI库，不仅能开发鸿蒙，还能实现同时开发ReactNative、小程序和H5，也是目前唯一一个能兼容这

少恭写代码·2025-06-14 07:04

HarmonyOS5 React Native 与 OpenHarmony 社区版的兼容性探索

一、技术背景与挑战ReactNative（简称RN）作为跨平台开发框架，与OpenHarmony社区版的技术整合面临三个核心挑战：渲染机制差异：RN基于JavaScript线程与原生UI线程的异步通信，

·2025-06-14 07:34

Docker部署平台服务（Java后端和vue前端）

部署Java后端服务这里使用的JDK17镜像为：azul/zulu-openjdk:17mkdir-p/usr/appusr/app>viDockerfileDockerfile内容：FROMazul/zulu-openjdk:17#基础镜像EXPOSE9090#指定服务端口ENVLANGC.UTF-8#设置环境变量LANG指定系统默认的语言和字符编码ENVLOG_HOME/app/logs#设置

chevysky.cn·2025-06-14 06:52

vue首屏加载速度慢_Vue首屏加载速度优化如何提升80%？本文详解

可以看个例子：差点忘记介绍了：我是一名08年出道的高级前端老鸟，大家如果想跟我交流学习经验，可以进我的扣扣裙519293536有问题我都会尽力帮大家。主要是中高级问题，小白勿进哦这是优化前的页

weixin_39559015·2025-06-14 03:35

Vue.js 首屏加载优化：实战与策略

引言首屏加载时间是衡量Web应用性能的关键指标之一，尤其对于采用SPA（单页应用）架构的Vue.js应用来说，优化首屏加载速度尤为重要。

·2025-06-14 03:35

什么是Node.js？它的主要特点是什么？适用于哪些场景？

它打破了JavaScript仅限于浏览器端运行的局限性，使开发者可以用同一语言（JavaScript）实现全栈开发（前端+后端）。

程序员流年大运·2025-06-14 03:03

react-08-03 统一处理请求异常

1.api/ajax.js/**能发送异步Ajax请求的函数模块*封装axios库:github获取*函数的返回值是promise对象*1.优化：统一处理请求异常*在外层包一个自己创建的promise对象*在请求出错时，步reject（error），而是显示错误信息**/importaxiosfrom'axios'import{message}from'antd'exportdefaultfunc

梦灯·2025-06-14 02:32

抖音机构号授权矩阵系统源码，短视频账号矩阵系统系统源码/独立部署代码

该系统前端使用了uni-app和vue作为开发框架，后端采用了ThinkPHP5、wokerman和ElementUI。同时，剪辑版块使用了阿里云智能媒体服务和阿里云对象存储来实现。抖音机

疯狂运营官ymhao87·2025-06-13 23:41

【JavaScript】记录一个奇怪的问题，前端一次提交注册，后端收到两次接口调用，网络只显示一个register请求

解决这个问题，可以在注册功能中加入防抖处理，简单修改register.js文件，在handleRegister函数中添加一个isSubmitting标志防止重复提交：//在文件顶部添加此变量letisSubmitting=false;asyncfunctionhandleRegister(event){//阻止表单默认提交行为event.preventDefault();//防止重复提交if(is

williamdsy·2025-06-13 23:40

React 18 渲染机制优化：解决浏览器卡顿的三种方案

前言React18带来了革命性的并发渲染机制，让我们能够更好地处理大量计算任务而不阻塞用户界面。本文将通过一个经典的面试题来深入探讨几种解决浏览器卡顿的方案，并分析React18的内部实现原理。

A-wliang·2025-06-13 22:03

路由匹配的常见形式详解

本文将系统讲解路由匹配的常见形式及其使用技巧，覆盖后端（如Django、Flask、Express）和前端（如Vue、ReactRouter）常见模式。一、什么是“路由匹配”？

·2025-06-13 22:32

推荐频道

vue.js前端react