-
纯CSS可通过伪类（:hover/:focus/:checked/:disabled）判断元素状态，结合伪元素（::before/::after）注入动态内容，利用data属性存储文案并用attr()读取，实现无需修改HTML的状态化标签展示。
-
直接改background-image不会触发CSS过渡，应使用opacity+伪元素模拟淡入淡出：通过::before叠加背景层并控制其透明度，配合CSS变量切换图片，多图轮播时保留双图层交错切换以避免闪屏。
-
CSSFlexbox卡点在于交叉轴对齐失效、flex-wrap与align-content配合失灵、min-width:auto导致收缩、表单控件默认min-width挤压；需设父容器交叉轴尺寸、用flex-basis:0、min-width:0及gap等解法。
-
用Flex布局让导航栏居中，需对<ul>设display:flex和justify-content:center，并重置padding:0、margin:0；用gap控制间距，li去list-style，a去下划线并设display:block和padding。
-
PatchFlag是Vue3编译器注入的动态标记，用于标识VNode中需更新的部分；它使diff算法跳过静态class，仅比对带CLASS（值为4）等标志的动态class，从而加速更新。
-
TensorFlow.js是专为JavaScript生态设计的轻量级机器学习库，支持浏览器实时推理、本地训练、迁移学习、Node.js部署及模型导入导出，适合前端智能化、教育原型、隐私敏感与轻量定制场景。
-
WinSCP可通过目录镜像、自动任务和KeepUp-to-date功能实现HTML/CSS文件同步：一、使用镜像功能可使远程目录与本地完全一致，上传新增或修改文件并删除多余文件；二、结合脚本与任务计划程序可定时自动同步，减少人工操作；三、启用KeepUp-to-date功能可实时监控本地文件变化并自动上传，适用于频繁修改的前端开发场景。
-
CSS网格线命名必须在grid-template-columns/rows中轨道尺寸前后用空格包围的[name]语法，如1fr[header-top]2fr；命名仅提供语义别名供grid-column-start等引用，区分大小写且行列线独立，不支持变量，兼容现代浏览器但IE不支持。
-
位运算在JavaScript中虽常被忽视，但适用于整数操作、标志位管理等场景。数字以64位浮点存储，位运算时转为32位有符号整数，支持|（或）、&（与）、^（异或）、~（非）、<<（左移）、>>（有符号右移）、>>>（无符号右移）。例如5<<1得10，10>>1得5；n&1可判断奇偶，比%更快；~~n或n|0可快速取整。位掩码如READ=1<<0,WRITE=1<<1,EXEC=1<<2，可用userPe
-
竞态条件指多个异步任务因执行顺序不确定导致结果异常，常见于搜索、表单提交等场景。通过AbortController取消过期请求、使用唯一ID过滤陈旧响应、结合防抖减少请求频率，可有效避免问题，确保UI与用户意图一致。
-
本文详解如何使用TailwindCSS实现固定高度容器内多个等高列（如周历七列）的整体垂直滚动，避免内容溢出，并确保各列同步滚动、高度一致、响应良好。
-
WebWorker是HTML5提供的多线程API，用于在后台线程运行耗时任务，避免阻塞主线程。它通过postMessage与主线程通信，不可直接操作DOM，适用于大数据计算、频繁分析等场景。
-
WebWorker可在后台创建独立线程处理计算密集型任务，避免阻塞主线程；通过postMessage通信，无法访问DOM，受限于同源策略与上下文隔离。
-
变量提升是JavaScript中var声明和函数声明在编译阶段被提升至作用域顶部，但仅声明被提升、赋值保留原位；let/const虽被声明提升却不初始化，访问会触发ReferenceError（暂时性死区）。
-
表单验证的核心目标是及时友好提示用户并保障数据有效性，前端验证提升体验但不能替代后端校验；需结合原生API、自定义样式与提示、防误提交机制及前后端职责协同。
