-
异步生成器通过“拉取”模式解决大文件处理中的内存溢出和背压问题，利用forawait...of按需读取数据块，避免一次性加载全部内容，提升稳定性和代码可读性。
-
闭包是JavaScript中实现私有计数器最自然的方式，通过封装count变量于外层函数作用域，仅暴露increment、decrement、value等接口，确保状态隔离与不可篡改。
-
必须为relative容器显式设置position:relative，否则absolute子元素会向上寻找已定位祖先，导致定位失控；其偏移需配合top/right/bottom/left，且z-index须分层管理，响应式定位需用断点前缀隔离。
-
纯CSS开关按钮的底层基础是input[type="checkbox"]，通过隐藏原生复选框并利用:checked状态驱动伪元素位移实现，兼顾可访问性、键盘操作与语义化。
-
-webkit-overflow-scrolling已废弃，iOS15+/Safari15.4+中无效且可能引发渲染异常；现代方案需同时满足：容器有明确高度（或max-height）、overflow-y:auto/scroll、启用原生滚动行为。
-
文字发灰主因是屏幕色域、亮度、对比度及环境光差异，非颜色值问题；应优先保障明度对比、采用LCH/OKLCH色彩空间、用@media适配屏幕特性，并确保WCAG对比度达标。
-
flex-direction:column时子元素垂直居中需用justify-content:center；默认row方向下align-items:center才生效；多行文字居中受字体度量和浏览器渲染差异影响。
-
Svelte要求HTML标签全小写、自闭合标签显式闭合、事件用on:click绑定、插值仅支持表达式、逻辑用{#if}和{#each}块；style属性需移至scopedstyle块或加global修饰。
-
通过PowerShell读取HTML文件中的link标签，提取CSS路径并验证本地是否存在。2.脚本遍历指定目录的HTML文件，匹配rel="stylesheet"的href属性，转换为本地路径后检查文件存在性。3.输出结果区分正常与缺失的CSS文件，支持相对路径，忽略外部URL。4.可扩展递归扫描、日志记录和多文件扩展名支持，适用于静态网站维护与资源整理。
-
@media(prefers-color-scheme)可原生响应系统深色/浅色偏好，仅需在CSS中声明:root默认值与dark媒体查询覆盖，避免重复定义、硬编码颜色及JS混用，确保SSR无闪屏且兼容主流现代浏览器。
-
用currentColor和CSS自定义属性代替写死颜色值可提升灵活性与可维护性，支持主题切换和语义化；currentColor动态继承文字颜色，适用于边框、图标等；CSS变量集中管理语义化颜色，:root中定义并用var()引用；二者结合可实现主题色自动同步与精细控制。
-
个人简介页：用语义化标签搭建结构，通过CSS设置字体、颜色及布局，掌握margin、padding和居中技巧；2.电影资讯页：构建图文卡片，使用flex实现响应式排列，添加阴影和圆角提升视觉效果；3.静态电商首页：划分头部、轮播、商品区等模块，练习导航菜单悬停效果与网格布局，理解大型网站架构。从简入手，逐步进阶，完成比完美更重要。
-
