https://blog.58ge.gs.cn//blog 永远是个初学者 zh-cn song58ge@gmail.com (GeSong) song58ge@gmail.com (GeSong) Mon, 09 Nov 2026 00:00:00 GMT https://blog.58ge.gs.cn//blog/infinite-canvas https://blog.58ge.gs.cn//blog/infinite-canvas 无限画布是视口上的一台相机：世界坐标无界，屏幕只是平移和缩放后的窗口。本文给出可交互示例，并比较 DOM 变换、Canvas 2D、视口裁剪和 WebGL 四条实现路线。 Mon, 09 Nov 2026 00:00:00 GMT song58ge@gmail.com (GeSong) canvaswebjavascript https://blog.58ge.gs.cn//blog/design-patterns/singleton https://blog.58ge.gs.cn//blog/design-patterns/singleton 保证一个类在进程里只有一个实例。对比 TypeScript 类单例和 ES 模块单例，并说明测试与多实例边界。 Tue, 20 Oct 2026 00:00:00 GMT song58ge@gmail.com (GeSong) 设计模式typescriptsingleton https://blog.58ge.gs.cn//blog/design-patterns/observer https://blog.58ge.gs.cn//blog/design-patterns/observer 主题在状态变化时通知已注册的观察者。用一段 TypeScript 事件总线说明订阅、退订，以及泄漏与通知顺序。 Mon, 19 Oct 2026 00:00:00 GMT song58ge@gmail.com (GeSong) 设计模式typescriptobserver https://blog.58ge.gs.cn//blog/design-patterns/factory https://blog.58ge.gs.cn//blog/design-patterns/factory 把对象创建从使用处抽走。用 TypeScript 的简单工厂和工厂方法，说明何时封装 new，以及和构造函数重载的差别。 Sun, 18 Oct 2026 00:00:00 GMT song58ge@gmail.com (GeSong) 设计模式typescriptfactory https://blog.58ge.gs.cn//blog/design-patterns/adapter https://blog.58ge.gs.cn//blog/design-patterns/adapter 把已有接口转换成调用方期望的接口。用 TypeScript 包装第三方支付 SDK，说明适配器与装饰器的差别，并给出常见落地场景。 Sat, 17 Oct 2026 00:00:00 GMT song58ge@gmail.com (GeSong) 设计模式typescriptadapter https://blog.58ge.gs.cn//blog/design-patterns/decorator https://blog.58ge.gs.cn//blog/design-patterns/decorator 用组合而不是继承给对象动态叠加行为。以 TypeScript 包装数据源为例，说明装饰器模式的结构、用法和注意点。 Fri, 16 Oct 2026 00:00:00 GMT song58ge@gmail.com (GeSong) 设计模式typescriptdecorator https://blog.58ge.gs.cn//blog/react/use-ref https://blog.58ge.gs.cn//blog/react/use-ref 梳理 useRef 在 DOM 引用与可变盒子两种角色中的用法与原理，并说明渲染期读写、初始化陷阱、与 state 误用等常见问题。 Sat, 08 Aug 2026 00:00:00 GMT song58ge@gmail.com (GeSong) reacthooksuseRef https://blog.58ge.gs.cn//blog/react/use-callback https://blog.58ge.gs.cn//blog/react/use-callback 说明 useCallback 如何稳定函数引用、与 memo/useEffect 的配合方式，以及滥用、依赖陷阱、和 useMemo 的关系与解法。 Fri, 07 Aug 2026 00:00:00 GMT song58ge@gmail.com (GeSong) reacthooksuseCallback https://blog.58ge.gs.cn//blog/react/use-memo https://blog.58ge.gs.cn//blog/react/use-memo 讲清 useMemo 的缓存语义与适用场景，区分「性能优化」和「语义保证」，并覆盖依赖错误、过度memo、缓存被丢弃等常见问题。 Thu, 06 Aug 2026 00:00:00 GMT song58ge@gmail.com (GeSong) reacthooks https://blog.58ge.gs.cn//blog/react/use-effect https://blog.58ge.gs.cn//blog/react/use-effect 从用法、执行时机与依赖数组讲清 useEffect，并梳理 Strict Mode 双调用、陈旧闭包、无限循环等常见问题与官方推荐解法。 Wed, 05 Aug 2026 00:00:00 GMT song58ge@gmail.com (GeSong) reacthooksuseEffect https://blog.58ge.gs.cn//blog/html-in-canvas-hello-world https://blog.58ge.gs.cn//blog/html-in-canvas-hello-world 基于官方 Hello World demo，梳理 HTML-in-Canvas 的先决条件，以及 layoutsubtree、drawElementImage、onpaint 的最小工作流。 Fri, 31 Jul 2026 00:00:00 GMT song58ge@gmail.com (GeSong) canvashtmlchromiumweb