前端技术文章
-
讲清 scheduler.yield 如何把浏览器长任务拆成可恢复的小段，给出批次处理、时间预算、兼容后备与 Web Worker 选择方法。255 收藏 -
用一个同源多页网站实例讲清跨文档 View Transition：双端开启、旧新快照、共享元素命名、自定义动画、减少动态效果适配与常见失效排查。181 收藏 -
CSS Style Container Query 可以读取父级自定义属性，让组件后代按密度、主题或布局状态切换样式。本文说明 style() 的无值与带值查询、@property 类型化比较，以及继承和浏览器支持造成的不生效问题。440 收藏 -
Vue 中的图表、编辑器、地图等第三方实例通常不需要深度响应式。本文说明如何用 shallowRef 只跟踪根引用，把创建、方法调用、视图状态同步和销毁集中到 composable，并区分 triggerRef、markRaw 与普通 ref 的适用边界。246 收藏 -
本文用搜索列表案例拆分 React 中必须立即响应的交互状态与可中断的后台渲染，说明 useTransition、isPending、受控输入、异步更新和 Suspense 的正确边界。112 收藏 -
Vite 依赖预构建异常通常涉及依赖指纹、node_modules/.vite 与浏览器强缓存三层。本文给出 --force、optimizeDeps 与 monorepo 链接包的顺序化排查方法。451 收藏 -
通过稳定的 id、aria-describedby 和 aria-invalid 关联表单帮助文本与错误提示，说明动态校验、可见状态和复杂内容边界。349 收藏 -
CSS :is() 自身不增加权重，但会采用参数列表中最高 specificity。本文通过计算示例说明 ID 分支如何抬高整条规则，并给出同权重分组、:where()、拆分例外与 cascade layer 的控制方法。327 收藏 -
用 PerformanceResourceTiming 的域名解析、连接和安全连接时间戳拆分 DNS、TCP、TLS 耗时，并处理跨域受限、缓存命中与连接复用导致的零值。108 收藏