-
用 CSS text-wrap: balance 处理中文卡片标题和文章标题的断行,配合 max-width、@supports 和可访问性检查,避免标题一行孤零零或切换时跳动。
-
在 async 函数中,直接在 finally 块内使用 await 不会阻塞 Promise 的拒绝/解决流程;若未妥善协调 try/catch/reject/resolve 的时序,清理逻辑将被忽略或导致未处理异常。 在 async 函数中,直接在 finally 块内使用 await 不会阻塞
-
页面滚动时让目录进度条、卡片和提示状态跟着视口变化,不必为每次 scroll 事件写一套节流脚本。本文用 animation-timeline: view() 绑定视图进度,说明关键帧顺序、最近滚动容器、@supports 降级和 reduced-motion 验收。
-
React Router v6 中嵌套路由无法渲染,通常是因为父级布局组件未正确使用 占位符——它才是子路由 element 内容得以插入并显示的关键。 React Router v6 中嵌套路由无法渲染,通常是因为父级布局组件未正确使用 `` 占位符——它才是子路由 `element` 内容得以插
-
infer 是 TypeScript 条件类型中的关键字,用于从类型中推断出新的类型。 它允许在泛型条件类型中提取和推导类型,实现强大的类型操作。 infer 关键字工作原理 原始类型 type Promise = { value: T } infer 推导 提取出的类型 type ValueOf
-
本文介绍在高并发场景下,如何通过应用层文档锁机制避免 Mongoose 数据被后写请求意外覆盖,解决“先读-后改-再存”导致的丢失更新(Lost Update)问题。 本文介绍在高并发场景下,如何通过应用层文档锁机制避免 Mongoose 数据被后写请求意外覆盖,解决“先读-后改-再存”导致的丢失更
-
起因是在技术群的讨论中,有小伙伴提出想要提升对TypeScript的理解。于是便有了这篇文章,它将为大家讲述TypeScript中几个常见却又不好理解的知识点。至于简单的使用方法,大家可以自行查阅官网文档! Typescript中的几个重要概念 1.any 和 T(泛型)的区别 /** any 和
-
SPA 局部导航请求失败时,先保留旧内容,再把错误、重试和兼容回退收进同一条验收流程。文章用 Navigation API 的 navigateerror、intercept() 和能力检测说明如何避免空白页与重复重试。
-
同一张商品卡片放进主栏、侧栏和弹窗后,不该继续按浏览器窗口宽度硬切布局。用 CSS 容器查询让组件根据自己的可用宽度切换网格、字号和按钮排列,并补上不支持时的降级写法。
-
TypeScript 项目的性能优化涉及编译速度、运行时性能和代码体积等多个方面。 本教程介绍常见的性能优化技巧,帮助构建更高效的 TypeScript 应用。 TypeScript 性能优化维度 编译速度 增量构建 | skipLibCheck 运行时性能 类型推断 | 避免 any 包体积 Tr
-
表格列宽跟随容器变化时,ResizeObserver 回调里直接改尺寸,容易让观察回调再次触发,最终出现 ResizeObserver loop completed with undelivered notifications。本文比较同步改宽、requestAnimationFrame 合并和断点缓存三种方案,给出一个可复查的表格列宽实现。
-
SPA 同时处理链接点击、后退和表单跳转时,History API 很容易漏掉边界。用 Navigation API 统一接管导航事件,再配合失败恢复和兼容回退,可以把加载、滚动、焦点和错误状态收进一条可验收的流程。
-
Nuxt 3 废弃了 Vue 2 的 this.$refs,但可通过 getCurrentInstance().refs 在 onMounted 中安全访问所有已注册的模板 ref,实现类似 Vue 2 的批量操作逻辑。 Nuxt 3 废弃了 Vue 2 的 `this.$refs`,但可通过 `g
-
本文介绍如何基于两个嵌套对象数组(系统全量模块与用户可访问模块),动态生成带布尔标记(1/0)的权限映射结构,确保未在用户模块中声明的动作自动标记为 0。 本文介绍如何基于两个嵌套对象数组(系统全量模块与用户可访问模块),动态生成带布尔标记(1/0)的权限映射结构,确保未在用户模块中声明的动作自动标
-
本文介绍在鼠标移动事件中动态切换预览图片时,如何避免重复为 元素设置相同 src,从而防止不必要的资源加载和潜在的闪烁问题。核心方法是通过比对当前 img.src 与目标 URL 是否一致来实现条件赋值。 本文介绍在鼠标移动事件中动态切换预览图片时,如何避免重复为 `` 元素设置相同 `src`,从