自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 【前端监控】埋点项目:常见坑点与项目核心优点

【代码】【前端监控】埋点项目:常见坑点与项目核心优点。

2026-01-19 20:32:03 619

原创 【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

原创 【日常学习】--学习计划

学习计划

2025-11-24 18:52:46 629

原创 【react深入】useRef与useState

底层共性:useRef 和 useState 均基于 Fiber 节点的 Hook 链表实现,依赖调用顺序保证状态持久化。核心差异:useRef 是 “无渲染副作用的持久化容器”,useState 是 “带更新队列的状态管理工具”。使用原则:根据是否需要触发 UI 更新选择 —— 需要更新 UI 用 useState,仅需持久化数据用 useRef。(注:文档部分内容可能由 AI 生成)

2025-11-22 13:11:40 496

原创 简易VUEX实现from小野森森

通过install简易实现vuex

2024-04-03 11:21:46 328 1

原创 TS----之映射类型

typescript 映射类型用法--转载学习

2023-10-04 17:16:57 299

原创 TS----基础(数组)

ts数组基础用法

2023-09-05 22:38:13 347

原创 Echarts柱状图----点击变色+默认选中第一项

vue3中echarts柱状图点击变色+默认选中第一个

2023-09-03 20:57:52 1232

原创 Git----在Webstrom中使用Git

webstrom Git用法

2022-10-22 21:49:20 1173

原创 Ajax----get和post请求

Ajax ,Jquery中的Ajax基本get,post请求。开发遇到的问题

2022-10-19 16:44:44 319

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除