自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

更新前端相关内容

更新前端相关内容

  • 博客(5)
  • 收藏
  • 关注

原创 H5 没有 scanCode?我把主流扫码方案全部本地化跑通了

H5扫码难题在于解码层缺乏跨浏览器兼容方案。虽getUserMedia可调用摄像头,但原生BarcodeDetector仅部分支持,且iOS Safari不兼容。实测四款库:jsQR(251KB,仅二维码,首选)、ZXing(328KB,多码制,同步阻塞)、html5-qrcode(366KB,带UI,省事)、qr-scanner(16+44KB,唯一支持角点坐标)。性能上降采样至640px可显著提升效率。两大静默失败陷阱:MultiFormatReader不可复用、decode需在canvas绘制后执行。

2026-10-20 21:52:01 249

原创 Vercel AI SDK 介绍、工作流程与 Python 框架对比

很多人第一次听到 Vercel AI SDK,会下意识以为它是"给 Next.js 用的"。其实不完全对——它确实和 Vercel 生态关系很近,但本质上是一套语言级(TypeScript / JavaScript)的 AI 开发工具箱:不管你是写网页、写 Node 脚本、写后端服务,它都能用。这篇不讲代码细节,只回答三个问题:一句话:Vercel AI SDK 是一套让你用 TypeScript / JavaScript 调用大模型、处理流式输出、定义工具、编排 Agent 的官方 SDK。它由几个层次组

2026-08-27 05:01:59 329

原创 SKILL:video-notes-pipeline — B站视频转结构化图文笔记

视频笔记生成流水线工具 自动将B站教育类视频转化为结构化图文笔记,支持Markdown/PDF输出和知识库归档。 核心功能 自动下载视频及字幕 智能抽帧去重(场景检测+OCR/哈希过滤) AI视觉打分精选关键帧 自动过滤无价值内容(广告/求三连等) 融合字幕与画面内容生成结构化笔记 支持时间戳跳转和外部资料补充 可选一键归档至知识库 技术亮点 双模型架构(视觉GLM-4V+文本Deepseek) 自适应处理无字幕视频(ASR兜底) 专为教学视频优化的PPT内容提取模式 多Agent工作流支持。

2026-08-23 17:05:17 367

原创 CSS:定位(position)的可视化理解 - 一个html文件让你快速理解定位

这篇文章通过可视化方式讲解了CSS中的5种定位方式(static、relative、absolute、fixed、sticky),并提供了可直接运行的HTML代码供读者实践。文章首先解释了两个关键概念:正常文档流和包含块,然后通过对比表格归纳了5种定位的特性差异。随后详细拆解每种定位的行为特点,特别强调了relative+absolute的经典组合用法,最后总结了常见问题及解决方案。全文注重实践,建议读者边修改代码边观察效果,从而直观理解不同定位方式的实际表现。

2026-06-16 15:37:51 405

原创 rem适配 - 简单讲解和案例(超详细小白修订版)

rem适配

2022-05-07 09:35:14 439

空空如也

空空如也

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

TA关注的人

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