前端技术文章
-
Vite 同一主版本的不同分支不一定获得相同维护。本文依据官方当前支持矩阵，说明 8.2、8.1、7.3、8.0 与 6.4 分支分别能获得哪些补丁，以及如何从 lockfile 确认实际版本并选择升级路径。247 收藏 -
Vue 3 使用 provide/inject 传递跨组件状态时，字符串键容易让类型变成 unknown 或 undefined。本文用 InjectionKey 绑定上下文类型，并说明 readonly、必需注入、可选注入和默认值的边界。247 收藏 -
用模板字面量类型生成 xxxChanged 事件名，并通过泛型与索引访问类型让回调参数跟随属性类型推导，最后说明动态字符串和可选属性的边界。247 收藏 -
fetch 请求被取消时，AbortController.abort(reason) 可以把用户主动切换、超时和页面离开区分开。本文用一个可运行的请求封装说明 reason 的传递、catch 判断和兼容边界。246 收藏 -
Vue 中的图表、编辑器、地图等第三方实例通常不需要深度响应式。本文说明如何用 shallowRef 只跟踪根引用，把创建、方法调用、视图状态同步和销毁集中到 composable，并区分 triggerRef、markRaw 与普通 ref 的适用边界。246 收藏 -
用 URL.canParse() 在创建 URL 前预检绝对地址和相对地址，区分 base 参数、布尔结果、构造器异常与兼容降级边界，并说明可解析不等于业务安全。246 收藏 -
@scope 可以把选择器限制在指定 DOM 子树中。本文从 scope root、scope limit、:scope 和 scoping proximity 讲清范围边界，并比较它与普通后代选择器、低特异性写法的取舍。245 收藏 -
用 CSS content-visibility: auto 延迟长列表视口外项目的渲染成本，并结合 contain-intrinsic-size 稳定滚动空间，同时说明 auto、hidden 和 visible 的边界。244 收藏 -
本文介绍如何用 Ja vaScript 为每个字母分配自定义权重（如 a–m=2，n–z=1），精确计算连字符分隔单词的加权总分，并据此决定是否执行非断行连字符（‑）替换，避免依赖易失的字符物理宽度或简单长度计数。 本文介绍如何用 Ja vaScript 为每个字母分配自定义权重（如 a243 收藏 -
用 BroadcastChannel 广播登录、退出和会话失效信号，让多个同源标签页及时刷新登录状态；同时说明 storage 事件降级、消息去重、首屏初始化和令牌安全边界。243 收藏 -
calc-size() 可以把 max-content 当作固有尺寸基准，再用 size + 固定长度表达最终宽高；本文说明 fallback、@supports、百分比边界，以及它与 interpolate-size 的分工。243 收藏 -
讲清 JavaScript Element.getAnimations 的默认范围、subtree 参数、伪元素筛选和 finished Promise 用法，帮助组件在动画结束后安全清理。243 收藏 -
前端搜索框快速输入时，旧请求可能晚于新请求返回并覆盖结果。本文用 AbortController 取消无效请求，再用请求序号保护结果提交，给出异常处理、signal 复用和 debounce 的边界方案。242 收藏 -
CSS position sticky 不生效时，优先检查最近的滚动机制祖先、滚动轴、top 阈值和父级可用空间，按清单快速定位参照容器问题。241 收藏 -
htmx 局部替换会让目标区域重新合并 HTML。本文说明怎样用稳定 ID 和 hx-preserve 保留指定元素，分析输入框、文件、iframe 与视频的边界，并给出替代布局和复查清单。241 收藏