tuse101的博客

面向中大型前端应用，建立以“locale × namespace”为核心的语言资源模型，结合路由级动态加载、缓存与回退机制控制资源体积，并通过统一的 Intl 格式化层解决日期、数字、货币和时区在多地区展示中的不一致问题。

中级前端的关键不在于记住更多框架 API，而在于能够围绕一个业务模块完成设计、交付、优化、排错与协作。本篇以“独立负责业务模块”为能力边界，梳理 JavaScript 与 TypeScript、浏览器与网络、框架设计、工程化、性能、测试和安全等核心知识，并给出可验证的学习方式。

复盘在 Xander Lab 开发中，因后端 API 结构从数组升级为分页对象导致的页面白屏事件。探讨如何通过可选链、状态降级和标准 DTO 提升前端应用的健壮性。

系统梳理 DOM 事件的捕获、目标与冒泡阶段，区分 `preventDefault()`、`stopPropagation()` 与 `stopImmediatePropagation()`，并完整说明 Vue `v-on`/`@` 的事件、键盘、系统按键和鼠标按键修饰符。重点解释 `@wheel.prevent.stop`、`@wheel.stop` 的真实含义、执行顺序与常见陷阱。

从给画布绑定 @dblclick 开始，一步步实现双击创建节点、右键菜单、键盘删除和连线拖拽释放创建——遇到问题解决问题，完整记录画布交互的全部实现细节。

一个不承担点击、跳转或状态切换职责的柔和美学 3D 倾斜卡片实现。文章通过双层结构拆分流光边框、内容表面与空间层次，并使用 Pointer Events、CSS 自定义属性和 requestAnimationFrame() 实现克制且可降级的鼠标视觉反馈。

本文提供一个可直接保存为 .html 文件运行的纯前端视频封面生成工具：用户选择本地视频后，可通过进度条、秒数输入或视频播放器定位画面，将当前帧绘制到 Canvas，预览并下载为 JPEG 封面图。重点解释媒体事件时序、Canvas 抽帧、图片导出、资源释放和跨域限制。