-
text-orientation必须与writing-mode:vertical-rl或vertical-lr配合使用才生效，单独设置会被浏览器静默忽略；mixed是中英混排竖排推荐值，使汉字直立、ASCII字符顺时针旋转90°，符合出版规范。
-
WebGL是浏览器内置的底层图形API，需手动编写着色器、管理缓冲区和渲染管线；Three.js是其高级封装库，提供Scene、Mesh等语义化对象。纯WebGL灵活轻量但门槛高，Three.js开发快但掩盖细节。
-
使用:hover改变背景色可实现列表项高亮。1.设置li默认背景色和内边距；2.悬停时修改background-color为高亮色；3.保持padding、border等一致避免布局偏移；4.可添加transition实现平滑过渡。仅改变颜色不调整几何属性，确保不影响其他元素布局。
-
SCSS中用~引用node_modules资源需开启sass-loader的webpackImporter:true，否则@import失败；还需配置includePaths指向node_modules，并处理第三方库中url()路径及sass-loader版本兼容问题。
-
155–160个Unicode字符是description安全上限，因Google/Bing按字符而非字节计数；移动端SERP仅显示前120字符，核心信息须前置60字符内；失效主因非语法错误，而是状态码异常、robots限制、内容偏离或JS动态注入失效。
-
直接用@each遍历$themes生成主题规则可行，但必须用@mixin封装并注入变量，否则因作用域缺失导致样式失效；生成:root[data-theme]时需用#{}插值确保属性值正确，且Sass、HTML、JS三端命名须严格一致。
-
通过结合CSS媒体查询与动画属性，可实现响应式设计中元素的平滑显隐效果。1.使用opacity、visibility和transition替代display以支持动画过渡；2.利用transform实现滑动效果，提升性能；3.通过JavaScript监听resize事件动态控制类名切换，实现自动适配；4.优先使用GPU加速属性（如opacity和transform），避免重排，配合overflow:hidden和will-change优化渲染，确保动画流畅与用户体验。
-
WebSocket需手动实现房间管理与状态同步：用Map存储房间及玩家Set，加入时校验满员并绑定roomId，断连时及时清理；广播仅限目标房间内玩家且排除发送者；位置同步须校验、控频、加时间戳。
-
as关键字用于重命名命名导出，解决名称冲突、提升语义明确性、适配API演进及聚合多源导出；如import{logasutilsLog}from'./utils.js'避免变量重复，import{parseasparseCsv}区分来源，import{loadDataasfetchData}兼容旧调用。
-
<ol><li>要实现文字逐字闪烁效果，需将每个字符包裹在span标签中，并通过CSS变量和animation-delay实现交错延迟；2.使用steps()函数可让闪烁呈现分帧式的硬切换效果，模拟老式屏幕的颗粒感；3.结合animation-duration控制整体节奏，steps(1,end)确保状态瞬间切换，避免平滑过渡；4.通过calc(var(--i,0)*0.1s)动态计算每个字符的延迟，实现逐字依次闪烁；5.除闪烁外，steps()还可用于打字机、帧动画等需要离散变化
-
绝对定位多列不重叠需按内容最大宽度设列宽并加间隙，left用累计偏移计算，父容器须设height防塌陷，IE11避免混合单位calc()。
-
HTML不是编程语言，只需掌握标签用法即可构建网页；标签如<h1><p><img>用于定义内容结构而非执行逻辑；必须包含DOCTYPE、lang和charset三要素；应优先使用语义化标签如<nav><main><article>；表单需正确设置action、method、type、name等属性。
-
流式布局需同时控制伸缩边界和盒模型行为：父容器须有明确宽度，所有元素设box-sizing:border-box，优先用flex而非百分比，配合viewportmeta和断点响应式调节。
-
Flex换行后行间距“过大”是align-content:stretch默认拉伸整行所致，它将交叉轴剩余高度均分给各行，撑开子项造成视觉错觉；应改用align-content:flex-start关闭拉伸，再配合row-gap设置固定行距。
-
必须用datetime属性，否则time标签无语义价值；需用ISO8601格式（如2024-03-15T09:22+08:00）；支持持续时间（PT2H30M）；显示文本与datetime可分离；影响SEO和可访问性，但无性能开销。
