前端技术文章
-
通过container-type和命名容器查询，让同一组件在宽主栏与窄侧栏分别响应，提供HTML和CSS示例，并说明尺寸来源、自身查询限制、默认布局与排错要点。148 收藏 -
Vite 的 build.modulePreload 同时涉及 modulepreload polyfill 和动态导入依赖列表。本文从默认行为出发，说明如何用 resolveDependencies 过滤依赖，并梳理相对 base、非 HTML 入口与 Library Mode 的边界。147 收藏 -
FileSystemDirectoryHandle.resolve 用两个文件系统句柄判断目录归属，返回相对名称数组或 null，而不是绝对路径。本文用导出清单场景说明数组拼接、目录外拒绝、安全上下文和常见误区。145 收藏 -
用 IntersectionObserver 为长列表图片实现进入视口再加载：从 data-src 占位、rootMargin 预加载，到回调清理、停止观察和兼容边界，给出可直接改造的 JavaScript 写法。139 收藏 -
对比 TypeScript 包内 #imports 别名与当前包名自引用的解析规则，给出 package.json、tsconfig.json 和发布目录的配置边界。139 收藏 -
用 CSS scrollbar-width 的 thin 值缩窄长列表滚动条，同时区分 auto 与 none 的行为，处理根元素和嵌套滚动面板的作用范围，并保留键盘、滚轮和触摸用户的滚动入口。138 收藏 -
动态创建正则时，先用 RegExp.escape() 将搜索词、域名等外部字符串转成字面量，再拼接固定的正则语法。本文说明手写转义的误区、组合方式、兼容策略和输入边界。134 收藏 -
SolidJS 的 createStore 可以用 setStore 路径语法定位嵌套对象和数组元素，本文用一个表单状态示例说明局部更新、条件批量更新以及 produce 的适用边界。130 收藏 -
Popover API 的 beforetoggle 会在浮层切换前触发。本文说明怎样只拦截开启状态，在条件不满足时调用 preventDefault，并把已经发生的状态同步交给 toggle，同时保留浏览器不支持时的降级路径。130 收藏 -
用原生 HTML details 的 name 属性实现互斥手风琴，说明同组规则、多个 open 的源码顺序、details[open] 样式和 toggle 事件的使用边界。129 收藏 -
scroll-target-group 可以把自定义目录容器变成滚动标记组，再配合 :target-current 让当前章节对应的目录项自动高亮；本文给出最小 HTML/CSS 写法、结构边界和不支持浏览器的降级方案。128 收藏 -
CSS font-palette 用于选择彩色字体的内置配色，本文说明 normal、light、dark 与 @font-palette-values 的使用边界，并给出普通字体回退和主题切换方案。127 收藏 -
文章 · 前端 | 1星期前 | javascript · 异步编程 · 前端开发 · JavaScript Promise Promise.withResolvers resolve reject 异步事件
Promise.withResolvers() 返回 promise、resolve 和 reject 三个控制点。本文从一次性外部事件与连续数据批次两个场景说明如何拆开 Promise 控制器、何时重新创建，以及生命周期和兼容性边界。126 收藏 -
Intl.DisplayNames 可以按 locale 和 type 把语言、地区、脚本代码转换成用户能读懂的名称。本文用最小示例说明构造器、supportedLocalesOf、of() 以及语言切换时的实例管理。124 收藏 -
CSS ruby-align 用来控制 ruby 注音在基准文本上的分布方式。本文从手工调间距的旧写法迁移到 start、center、space-between 和 space-around，说明不同注音长度的选择、结构边界与不支持属性时的降级处理。124 收藏