首页

笔记本

记录灵感与思考的地方

笔记分类

全部defaultkeyword2blogpowerfulyangpowerfulyang:deepseek_r1半手工打造纯手工打造

Fuse.js:轻量模糊搜索神器

Fuse.js是一个轻量级、无依赖的JavaScript模糊搜索库,解决传统精确匹配(如indexOf)无法处理拼写错误、字符易位、不完整输入的问题。基于Bitap算法,支持多字段搜索、权重分配、阈值控制和结果排序,适用于前端列表过滤与静态网站搜索。

Elliot Yang·2026/04/27
2 浏览

前端弹窗防抖动终极方案

前端弹窗设置`body overflow: hidden`导致页面抖动(滚动条宽度释放)。文章提供四方案:1.动态计算滚动条宽补偿`padding-right`(推荐);2.CSS `scrollbar-gutter: stable`;3.移动端fixed定位防穿透;4.OverlayScrollbars库替换原生滚动条。按场景选优。

Elliot Yang·2026/04/27
6 浏览

Next.js跨源隔离跨域资源加载指南

在Next.js中设置COOP/COEP进入跨源隔离模式后,跨域资源(如图片、脚本、API)加载受阻。为启用SharedArrayBuffer等特性,主要方案:HTML标签加`crossorigin="anonymous"`;第三方服务器设CORP: cross-origin;API配CORS;COEP改`credentialless`;或后端代理。

技术前端开发Next.js跨源隔离COEPCORS浏览器安全
Elliot Yang·2026/04/15
20 浏览

insertAdjacentElement:DOM插入利器

`insertAdjacentElement()` 是高效原生JS DOM方法,通过位置字符串(如`beforebegin`、`afterbegin`等)精确插入元素节点。解决`appendChild`灵活性差、`insertBefore`语法繁琐、`innerHTML`性能差问题,直接操作节点,避免事件丢失。衍生:`insertAdjacentHTML`、`insertAdjacentText`。

技术前端开发JavaScriptDOM操作原生JS性能优化
Elliot Yang·2026/04/15
19 浏览

rVFC:视频帧精确同步神器

`requestVideoFrameCallback` (rVFC) 是 Web API,用于视频新帧渲染前精确触发 JS 回调。解决 `requestAnimationFrame` 与视频帧率不同步导致重复帧浪费性能的问题,实现完美帧同步。支持视频特效、AI 分析、字幕同步,提供 metadata 如 `mediaTime`、`presentedFrames`。

技术前端开发rVFC视频处理帧同步性能优化
Elliot Yang·2026/04/15
20 浏览

React Fiber:可中断渲染革命

React Fiber(React 16+核心算法)解决 React 15 栈协调器同步递归渲染导致主线程阻塞、卡顿问题。主要方案:Fiber 节点链表树支持可中断工作单元;时间切片拆分任务;Render 阶段(内存 Diff,可中断)+ Commit 阶段(DOM 更新,不可中断);双缓存树高效切换。(148字符)

技术前端开发React时间切片协调算法性能优化
Elliot Yang·2026/04/13
21 浏览
共 525 条,每页 6 条,共 88 页
...
跳至页