- 博客(3)
- 收藏
- 关注
RSS订阅原创 在react项目中性能优化-长列表
在对话app、商城app、旅游app等等多种app中肯定少不了数据的支持。当数据只有几百条的时候、前端界面勉强可以展示、可以如果出现成千上万条的数据时候前端在获取到数据的时候，界面肯定会卡爆、甚至宕机等问题。当我们使用循环遍历列表的时候我们需要获取到通过ref获取到最后一个元素的。这里我们就会渲染出list中的item其中index为索引，style为我们给FixedSizeList传入的每一项的高度等样式。itemSize：每个列表项的高度。height：虚拟列表的高度。width：虚拟列表的宽度。
2025-02-12 15:22:22
1515
原创 前端手写SSE流式
之后我们需要获取响应体，就需要通过getReader方法，嗯哼~，这个在我们response对象中的body中是存在的。看一看我这里编写的完整代码吧，看不懂的部分代码不用在意，这是在本项目中需要做的特殊处理。否则你的电脑会奔溃的。我们将基于fetch请求方法来构建sse，首先我们要了解一下基本的fetch的使用。我相信这里可能有些同学也会蒙一下，这里其实就是我们还没有对返回的数据进行解码操作。至于家人们怎么处理这些流式的数据，请按照自己的项目需求来自行处理。下面我们看一看我们拿到的响应体是个什么东东吧！
2025-02-08 16:10:55
1187
原创 chunk片段中实现图文展示已经文字编辑操作（React项目）
这里有一个前提，因为当前我的项目中是需要编辑chunk的，我将EditableTextArea和TextDisplay有提升到一个组件中为EditableContentBlock组件。我们通过字段在判断显示纯文本chunk还是编辑chunk操作，当用户点击chunk的时候我们直接显示编辑器让用户进行编辑，当编辑器失去焦点的时候在转换为我们的chunk块。当时写这块代码的时候出现了问题，因为但是使用的是数组存储的图片会导致index对应不上，出现图片不显示的问题这里我们使用Map结构来解决。
2025-02-07 16:40:25
858
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人