- 博客(17)
- 收藏
- 关注
原创 不定高(动态高度)虚拟列表 核心笔记
固定高度虚拟列表假设所有列表项高度一致(如50px),但实际业务中列表项内容长度、样式不同(如有的1行文字,有的3行),高度不固定,直接用固定高度会导致滚动错位、空白,因此需要不定高虚拟列表。核心逻辑:先渲染 → 测高度 → 记高度 → 用记录的高度计算滚动位置2. 累计高度数组(cumulativeHeights)作用:记录“到第n项为止的总高度”,避免每次计算都重复累加形式:3. offsetHeight(测量真实高度)作用:获取DOM元素渲染后的实际高度(内容+padding+b
2026-02-18 12:13:40
970
原创 Yjs 前端实时协作库学习笔记
解决前端多人协作的数倨一致性,自动同步、自动解决冲突,离线编辑原生支持;开发核心流程:创建 Y.Doc → 定义共享数据 → 监听数据变化驱动视图 → 配置通信插件实现多端同步;操作简单(和普通 JS 数据用法几乎一致)、视图友好(精准监听变化,支持按需渲染)、扩展灵活(通信层可自由替换);和 BlockSuite 关系:Yjs 是 BlockSuite 实时协作的底层数据基础,BlockSuite 基于 Yjs 封装了块模型、命令系统,实现了「块式编辑 + 实时协作」的融合。
2026-01-27 22:56:34
802
原创 【AI】如何让前端来保证保障高并发使用场景下的稳定性?
高并发” 本质是服务端 / 架构层面的问题,但前端作为用户交互的入口,,最终让用户在高并发下仍能获得稳定的使用体验。简历里的这句描述,核心是体现前端在高并发场景下的 “兜底优化能力”,而非夸大前端直接解决高并发,我会帮你把这段描述落地为真实可验证的前端实现方案,既符合技术逻辑,又能体现你的实战能力。
2026-01-15 19:03:43
91
原创 【前端监控】如何从头设计一个前端项目监控,包括错误报告,版本回滚
另一种是路由回滚,前端先请求后端的版本接口,获取当前的默认版本,然后加载对应版本的静态资源,回滚的时候只需要修改后端的默认版本。回滚的时候,不需要修改 Nginx 配置,只需要在后端的版本表中,把当前的版本标记为异常,并且把默认版本改成上一个稳定版本。然后,前端在加载页面的时候,先请求后端的 /api/frontend/version/current 接口,获取当前的默认版本号,然后再加载对应版本的静态资源。开发人员看到错误告警后,登录控制台,找到当前的版本,点击“回滚到上一个稳定版本”,然后确认即可。
2026-01-07 15:51:23
605
原创 低代码的核心---物料篇
•特点:基于平台 API / 插件机制扩展,支持嵌入 JS/Python 等脚本。•适用:适配企业现有技术栈、实现特殊逻辑。
2025-12-23 19:53:34
312
原创 【日常学习】乐观锁与悲观锁
优点数据一致性强,能完全避免并发冲突;逻辑简单,易于实现和调试。缺点并发性能差,加锁会导致请求阻塞;可能引发死锁(多个线程互相持有对方需要的锁)。
2025-12-10 20:13:22
614
原创 【AI】EventSourcePolyfill实现流式数据
定义:SSE(Server-Sent Events,服务器发送事件)是一种基于 HTTP 协议的单向实时通信技术,允许服务器持续向客户端推送数据,客户端无需重复发起请求。特点单向通信:仅服务器向客户端推送数据长连接:一次连接持续传输,减少握手开销文本协议:数据以 UTF-8 格式传输,遵循特定格式规范自动重连:客户端断开后会自动尝试重连(默认机制)是跨浏览器 SSE 解决方案,兼容原生 API流式数据传输的核心是服务器持续推送片段数据,客户端实时渲染。
2025-12-08 19:20:09
1269
原创 【react深入】useCallback与useMemo
继续react API的深入学习,读官网可得,useCallback与useMemo都是用来优化页面性能的。
2025-11-24 19:24:15
600
原创 【react深入】useRef与useState
底层共性:useRef 和 useState 均基于 Fiber 节点的 Hook 链表实现,依赖调用顺序保证状态持久化。核心差异:useRef 是 “无渲染副作用的持久化容器”,useState 是 “带更新队列的状态管理工具”。使用原则:根据是否需要触发 UI 更新选择 —— 需要更新 UI 用 useState,仅需持久化数据用 useRef。(注:文档部分内容可能由 AI 生成)
2025-11-22 13:11:40
496
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1