logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react-virtualized React 应用中高效渲染大型列表和表格数据的库

在传统的 React 开发中,如果你渲染一个包含 ​1万条数据​ 的列表:👉 那么 React 会在 DOM 中 ​真实创建 1万个<div>元素,即使它们同时不可见(比如在屏幕外)​卡顿(性能差)内存占用高滚动不流畅项目说明​react-virtualized 是什么?​​一个用于 React 的高性能 ​虚拟化列表/表格/网格组件库,通过只渲染可见区域元素来优化长列表性能​解决了什么问题?​

#react.js#前端#前端框架
git使用

2. 取消 Assume Unchanged 标记。3. 取消 Skip Worktree 标记。然后查找你的文件,看首字母是否为小写(如。运行以下命令查看被标记为 ​。以小写字母开头的文件(比如。开头的文件表示被标记为 ​。)通常表示被标记为 ​。如果文件是被标记为 ​。找到你的目标文件名。

#git
React-Window 虚拟化滚动

​使用场景​:长列表、大数据表格、下拉选择框等需要高性能滚动的场景。​性能关键​:确保itemSize准确(动态高度需额外处理),避免行组件不必要的重渲染。​扩展工具​:搭配或满足复杂需求。如果需要更复杂的交互(如拖拽排序),可以考虑结合 react-dnd等库实现。

#react.js#前端#前端框架
react虚拟滚动

​:在可视区域外额外渲染少量条目,避免快速滚动时出现空白。​:提前确定条目高度(或使用动态高度预测),简化位置计算。属性,利用GPU加速提升性能。

#react.js#javascript#前端
使用git上传项目的步骤

步骤操作1确保已安装 Git2打开终端,进入你的项目文件夹3运行git init初始化仓库4运行git add .添加文件到暂存区5运行git commit -m "提交信息"提交到本地6在 GitHub/Gitee 等平台创建远程仓库,复制仓库地址7运行git remote add origin 仓库地址关联远程8运行(或 master)首次推送9之后日常使用git addgit commitg

#git
react 路由使用

通过 React Router,你可以轻松实现复杂的单页应用(SPA)路由需求!组件实现无刷新跳转(替代。父路由下定义子路由,需用。

#react.js#javascript#前端
Local Storage 本地存储

​Local Storage(本地存储)​​ 是浏览器提供的一种 Web Storage API,用于在用户浏览器中存储 ​键值对(key-value)​特性说明存储位置浏览器本地生命周期永久存储,除非手动清除或代码删除存储容量一般为 ​5MB~10MB​(不同浏览器略有差异)作用域同源策略(相同协议+域名+端口)下共享是否支持同步读写✅ 是(但不要滥用,大量读写可能阻塞 UI)是否支持复杂对象❌

#javascript#前端#开发语言
WebSocket 详解

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议,实现了浏览器与服务器之间的实时双向数据传输。

#websocket#网络协议#网络
Promise 详解

Promise 的主要优势:​避免回调地狱​:使异步代码更易读和维护​更好的错误处理​:统一的错误处理机制​链式调用​:支持多个异步操作的顺序执行​并行处理​:通过等方法实现并行操作Promise 是现代 JavaScript 异步编程的基础,理解 Promise 对于掌握 async/await 和现代前端开发至关重要。

#okhttp
到底了