阿宏

开发与技术思考

我是阿宏,一名奋斗在一线的开发者,聚焦前端开发与面试进阶的技术博客,覆盖 JavaScript、React、工程化、云原生与 AI 实践,记录真实思考与硬核笔记。

63篇文章
36.7 万字
10个系列
浅谈前端水印 前端基础 No.013 10-09

浅谈前端水印

可见水印用 canvas 叠加加 MutationObserver 防篡改,不可见水印往 RGB 通道里藏信息,两者都为溯源。

20 min·7097 字 阅读全文 →
浅浅的聊一下 WebSocket 前端基础 No.012 10-09

浅浅的聊一下 WebSocket

WebSocket 借一次 HTTP Upgrade 握手升级成全双工长连接,头部开销小,正好适合实时双向通信。

9 min·3288 字 阅读全文 →
想学canvas?那一定要看看这篇文章 前端基础 No.011 10-09

想学canvas?那一定要看看这篇文章

Canvas 从坐标系画到贝塞尔曲线,再跑起物理动画和碰撞检测,但真正撑起动效的,永远是算法与数据结构。

23 min·8095 字 阅读全文 →
前端缓存技术概述 前端基础 No.010 10-09

前端缓存技术概述

浏览器 / HTTP、DNS、CDN 各管一层缓存,强缓存与协商缓存谁先生效、优先级怎么排,决定了页面加载快慢。

17 min·5898 字 阅读全文 →
传统软件部署的痛点 云原生 No.009 10-09

传统软件部署的痛点

环境不一致、部署复杂、资源高、扩展慢,传统部署这四道坎,Docker 用镜像 / 容器 / 仓库三件套填平。

12 min·4165 字 阅读全文 →
【每日一面】获取文字的真实宽度 每日一面 No.008 10-09

【每日一面】获取文字的真实宽度

量文字宽度要么借隐藏 DOM 的 measureText,要么上 canvas 的 measureText,但都得防字体不一致和 emoji 这些坑。

8 min·2708 字 阅读全文 →
【每日一面】任意 dom 元素吸顶 每日一面 No.007 10-09

【每日一面】任意 dom 元素吸顶

吸顶首选 `position: sticky`,但它受容器块、top 值和祖先 overflow 束缚,卡住时用 JS 滚动监听兜底。

13 min·4449 字 阅读全文 →
《你不知道的JavaScript》笔记(一) 读书笔记 No.006 10-09

《你不知道的JavaScript》笔记(一)

作用域由书写位置决定,嵌套与遮蔽由此而来,而 `eval` / `with` 会破坏编译优化——这是理解 JS 的起点。

5 min·1916 字 阅读全文 →
TypeScript 中使用 getElementXXX() 解决方案 No.005 10-09

TypeScript 中使用 getElementXXX()

`getElementXXX()` 返回的是通用 HTMLElement,直接取 `.value` 会报错,一个类型断言就能解决。

7 min·2353 字 阅读全文 →
【每日一面】React Hooks 闭包陷阱 每日一面 No.004 10-09

【每日一面】React Hooks 闭包陷阱

Hooks 里的闭包陷阱来自渲染快照与依赖缺失,靠 useRef、补依赖或把状态对象化就能绕开。

9 min·3056 字 阅读全文 →