前端react技术积累第12页

React+FluentUI实现导航栏和页面跳转

React+FluentUI实现导航栏和页面跳转大多数企业级应用后台都有个菜单栏，如图:路由和跳转页面搭建好以后整个框架雏形就出来了，接下来我们介绍一下路由页面跳转的设计思路；需求：此案例分为一级菜单和二级菜单

醉酒的李白、·2025-03-14 09:57

鸿蒙(HarmonyOS)应用开发实战——数据库版本升级案例

看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中…

CTrup·2025-03-14 08:50

react组件设计原则_前端组件设计原则

原标题：前端组件设计原则译者：@没有好名字了译文：https://github.com/lightningminers/article/issues/36，https://juejin.im/post/

weixin_39825259·2025-03-14 07:42

vue3学习教程第二十六节（Hooks 封装注意事项）

1、什么是HooksHooks最先提出的是React，在React16之后提出了所有以use开头定义的函数，用于复杂功能编写、函数组件中状态管理共用、副作用处理而抽离的共用的单一功能可复用的函数；2、Hooks

刺客-Andy·2025-03-14 07:11

React 使用高阶组件封装Context的两种方式

Reac中使用Context共享数据时，可以使用高阶组件做一个封装，方便页面使用方式一：使用高阶组件1.在App.js中添加状态共享ProviderimportHomefrom'./page/Home'import{Provider,Context}from'./AppContext'conststore={user:{isLogin:true,userName:"Kevin"}}function

Kevin·Tseng·2025-03-14 07:40

Vue3中使用exceljs和file-saver实现Excel导出（含图片导出）完整方案

解决方案技术选型使用exceljs+file-saver组合：exceljs：支持图片插入的Excel操作库file-saver：前端文件保存工具功能特性✅支持多图片列导出✅自动识别Base64和DataU

叫我OldFe·2025-03-14 06:37

React+Vite从零搭建项目及配置详解

相信很多React初学者第一次搭建自己的项目，搭建时会无从下手，本篇适合快速实现功能，熟悉React项目搭建流程。

一朵好运莲·2025-03-14 06:36

在react-native中使用echart绘制图表

然后通过npminstallnative-echarts--save去安装在需要调用的界面importEchartsfrom'native-echarts’可以调用代码与效果图如下：/***SampleReactNativeApp

milk po·2025-03-14 06:35

Stack Navigator中使用自定义的Render Callback

AI画手小王·2025-03-14 06:32

如何在react中简单应用echart，及echart特性

一分钟学会在react中简单应用echart1.首先安装echart、echarts-for-reactnpminstallecharts--savenpminstall--saveecharts-for-react2

·港岛妹妹·2025-03-14 06:02

Redis- 秒杀场景

秒杀什么是秒杀场景秒杀场景挑战有哪些高并发与性能挑战数据一致性挑战安全性挑战秒杀系统的架构设计前端策略服务层设计库存控制策略订单处理流程技术实现缓存设计与优化分布式锁与一致性保证消息队列应用安全防护措施什么是秒杀场景秒杀场景的本质是在极短时间内承受大量并发请求

左灯右行的爱情·2025-03-14 06:32

前端打包优化相关 Webpack

怒放的生命1991·2025-03-14 06:31

Python, Springboot 开发基于人类指令生成机器人3D可视化动态模型app

开发一个基于人类指令生成机器人3D可视化动态模型的APP是一个复杂且多层次的项目，涉及前端和后端的多个技术栈。

Geeker-2025·2025-03-14 05:28

React Next项目中导入Echart世界航线图

公司业务要求做世界航线图，跑了三个ai未果，主要是引入world.json失败，echart包中并不携带该文件，源码的world.json文件页面404找不到。需要自己寻找。这是整个问题卡壳的关键点，特此贴出资源网址。一、安装npminstallecharts二、下载world.jsonworld.json在最下面，点开直接粘贴到自己项目中引入Indexof/examples/data/asset

一朵好运莲·2025-03-14 05:27

uinapp前端技术带动陪玩软件市场，语音陪玩系统源码开发打造你自己的市场

游戏陪玩app是一种为游戏玩家提供专业陪玩服务的软件。这个软件汇聚了大量游戏玩家，特别是大神级别的玩家，为玩家提供贴心、专业的游戏陪玩服务。用户可以通过软件轻松查找和选择满意的陪玩。此外，陪玩软件还提供了如语音互动、礼物打赏，在线接单，社交直播等功能，方便玩家畅玩游戏。跨平台开发：uniapp支持一次开发，多端发布，包括iOS、Android、Web以及各种小程序等平台。这意味着开发者可以编写一套

·2025-03-14 04:41

vue面试题

一、mvc与mvvm的区别俩者都为开发架构，，后端用的比较多的是mvc，前端则是mvvm，移动端俩者都有。MVC是包括view视图层、controller控制层、model数据层。

阡陌路人·2025-03-14 03:44

「基于大模型的智能客服系统」语义理解、上下文记忆与反馈机制设计

网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java

网罗开发·2025-03-14 02:10

【SpringBoot】实现登录功能

目录一、效果二、源码2.1前端2.2后端一、效果用户名和密码栏输入空或没有值时，提示错误。在数据库中有以下信息，任意挑选一条信息进行登录操作。输入用户lisi，123后登陆成功跳转到个人列表。

一只爱打拳的程序猿·2025-03-14 01:29

封装AJAX(带详细注释)

封装AJAX请求是前端开发中常见的需求，可以帮助我们简化代码，提高可重用性。

Rverdoser·2025-03-14 01:58

React学习笔记16

用来管理相对复杂的状态数据使用：1、定义一个reducer函数（根据不同的action返回不同的新状态）2、在组件中调用useReducer，并传入reducer函数的状态和初始值import{useReducer}from"react"functionreducer

充气大锤·2025-03-14 00:28

大厂前端实战之如何实现精确的setInterval

大厂前端实战之如何实现精确的setInterval前言在大厂的前端开发中，setInterval是一个非常常见的定时器方法。它常用于定时执行某些任务，比如轮播图、定时刷新数据等。

代码简单说·2025-03-14 00:57

深度掌握 ReactJS 高级概念：前端开发者必备

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读这篇文章汇总了ReactJS中值得深入研究的高级概念。

·2025-03-14 00:06

React 如何实现组件懒加载以及懒加载的底层机制

前言在现代前端开发中，性能优化始终是一个核心课题。React作为当下流行的前端库之一，提供了一些非常有用的工具和技术来提升应用的性能，其中懒加载（LazyLoading）就是一项不可忽视的重要技术。

乐闻x·2025-03-14 00:54

【harmonyOS NEXT 下的前端开发者】WAV音频编码实现

继6年前使用js实现的mp4封装之后，再次回顾编解码的知识是在23年8月接收到的私信，让补充下插件里的音频部分。被迫回去翻了一下6年前的代码，然而发现当初提交的也没有音频的部分，而由于时间久远，早已忘记的差不多了，没能力赚这笔外快了。视频编码部分还是因为有保留的代码支持，才能捡回来一些。背景原文js实现封装MP4格式文件并下载中，因为近几年的技术更新与变化，一些重要的资料网站也被关停了。然而，我现

九酒6·2025-03-14 00:24

使用Jest和React Testing Library测试React组件

使用Jest和ReactTestingLibrary测试React组件去发现同类优质开源项目:https://gitcode.com/项目介绍这个开源项目是TestingJavaScript.com课程的一部分

邹澜鹤Gardener·2025-03-14 00:54

深入理解 Reactor Netty 线程配置及启动命令设置

一、引言在使用SpringBoot开发基于ReactorNetty的应用程序时，合理配置ReactorNetty的线程参数对于优化应用性能至关重要。

C20611·2025-03-14 00:54

功能测试和接口测试详解

点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快本文主要分为两个部分：第一部分：主要从问题出发，引入接口测试的相关内容并与前端测试进行简单对比，总结两者之前的区别与联系。

测试老哥·2025-03-13 23:17

python写自动答题脚本_编写Python脚本拉取优学院答案

上个月审计了云班课和优学院的前端代码，实现了强制修改视频进度和获取选择题答案的功能。但是单个发包效率太低了，昨晚开始着手写了一个脚本，早上修改了一下，基本功能写出来了。

weixin_39609354·2025-03-13 22:40

Vue 结合 Django进行数据传值

1、Vue前端向后端传值的方法（axios）//get方法传值axios.get('/testdemo/demo/demo1?

pathconquer·2025-03-13 21:37

vue和django接口联调

vue访问服务端接口配置跨域前端跨域打开vite.config.js，在和resolve同级的地方添加配置。

变形金刚卖人寿保险还是汽车保险·2025-03-13 21:37

股票websocket提供股票实时数据的推送功能

StockTVWS测试案例StockTVWS的Java客户端实现，提供股票实时数据的推送功能，附带前端测试文件。

·2025-03-13 20:01

Vue3的Hook指南

Hook结构2.类型安全增强五、应用场景1.状态共享方案2.跨组件通信六、性能优化策略1.副作用管理2.惰性加载Hook七、调试技巧1.开发工具追踪2.控制台检查八、应用案例1.数据可视化Hook2.微前端状态

Hopebearer_·2025-03-13 19:49

vue3+ts+vite+pinia+element-plus搭建一个项目

创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。

貂蝉空大·2025-03-13 18:15

纯前端全文检索的两种实现方案：ElasticLunr.js 和 libsearch

纯前端全文检索的两种实现方案：ElasticLunr.js和libsearch在前端开发中，实现全文检索功能可以显著提升用户体验，尤其是在处理大量文本数据时。

传而习乎·2025-03-13 18:12

Kissat学习笔记

Kissat学习笔记前言SAT（BooleanSatisfiabilityProblem）是一个NP完全问题，在IC前端设计中，SAT验证是一个重要环节，它要求判定一个布尔公式是否存在一组变量赋值使其为真

柯尼塞格475·2025-03-13 17:05

# 2025年前端开发趋势：全栈化、AI化与跨端融合

本文深度分析2025年前端开发的技术趋势、岗位变革和能力要求，助你提前布局职业发展。

沈大大520·2025-03-13 14:14

axios 实现无感刷新方案

实现思路首次登录前端通过接口获取到两个token；分别是accessToken、refreshToken;accessToken：正常请求需要传递的token；refreshToken：当某个请求401

清云随笔·2025-03-13 12:03

react 组件封装原则_如何基于antd封装自己的react组件并发布到npm

引言在前端项目开发过程中，有大量重复的内容，比如布局相似的模块，较多的功能表单等，我们可以提炼成组件来提升效率，减少重复建设。

楚云卿·2025-03-13 12:59

Webpack 优化深度解析：从构建性能到输出优化的全面指南

Webpack是一个强大的模块打包工具，广泛应用于现代前端开发中。随着项目规模的增大，Webpack的构建速度和输出文件的优化变得尤为重要。

冬冬小圆帽·2025-03-13 11:55

express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统

该WEB项目要求如下：整个系统要有比较完整的功能，有前端网页数据示，也要有后台管理功能，具有一定的实用性。

鱼弦·2025-03-13 11:23

从零到一：如何系统化封装并发布 React 组件库到 npm

1.项目初始化1.1创建项目首先，创建一个新的项目目录并初始化package.json文件。mkdirmy-component-librarycdmy-component-librarynpminit-y1.2安装依赖安装开发所需的依赖项，如构建工具、测试框架等。npminstall--save-devwebpackwebpack-clibabel-loader@babel/core@babel/

冬冬小圆帽·2025-03-13 11:48

前端-webpack一些常用配置的作用

1.LoaderLoader用于对模块的源代码进行转换。它可以将非JavaScript文件（如CSS、图片、字体等）转换为webpack能够处理的模块。常用Loader及其作用Loader作用babel-loader将ES6+代码转换为ES5，兼容旧版浏览器。css-loader解析CSS文件，处理@import和url()等语法。style-loader将CSS插入到DOM中，通过标签生效。sa

大嘴史努比·2025-03-13 10:41

造价算量审图多元化融合软件开发实战：技术架构与核心代码解析

BIM/CAD模型解析引擎（支持Revit/DWG文件一键导入）智能算量核心算法（基于规则引擎与机器学习）协同审图平台（多人实时标注与版本控制）AI辅助决策系统（材料价格预测、工程量误差检测）技术栈推荐：前端

夏末之花·2025-03-13 10:38

前端小食堂 | Day15 - VueUse 魔法道具库

今日宝箱：30+效率神器一键获取1.响应式操控の六脉神剑//鼠标跟踪const{x,y}=useMouse()//网络状态感知const{isOnline,offlineAt}=useNetwork()//设备检测const{isMobile,isTablet}=useDevice()//元素尺寸监听consttarget=ref(null)const{width,height}=useEleme

喵爪排序·2025-03-13 09:07

bug修改模板（日志）

第一段：前端报错：Uncaught(inpromise)TypeError:Cannotreadpropertiesofundefined(reading'bookDetailList')第二段：后端报错

严欣铷·2025-03-13 07:52

web组态可视化编辑器

但是，转变是一个复杂的过程，尤其是软件里面的组态功能部分，对于公司或个人都会面临以下几方面的问题：1、无相关组态开发经验，无技术积累。2、开发周期

2501_90680076·2025-03-13 07:16

小白快速上手React 看这篇就够了！！（基础篇）

本篇可以快速了解React的基础语法，便于遗忘时快速复习，里面的小案例通俗易懂，没有废话，只有简单、简单、还是简单！目录一、为什么要学React？

一朵好运莲·2025-03-13 06:11

5年前端面试题整理汇总100题

2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？2、position的值，relative和absolute分别是相对于谁进行定位的？

W蘭·2025-03-13 06:41

使用HBuilderX高效开发微信小程序全流程指南

1.1跨平台开发利器HBuilderX作为DCloud推出的前端开发工具，凭借其强大的uniapp框架支持，已成为多端开发的首选工具。

斯~内克·2025-03-13 06:10

前端 CDN 深度解析：从加速优化到工程化实践

一、前端CDN的核心价值与挑战1.1现代前端资源的分发困境资源体积爆炸：主流框架生产包平均大小突破2MB全球化访问需求：跨国访问延迟差异可达500ms以上版本管理复杂度：多环境部署导致的缓存污染问题安全防护压力

斯~内克·2025-03-13 05:39

推荐频道

前端react技术积累