-
clear:left表示元素左侧不允许有浮动元素，会下移至左侧无浮动元素为止，用于避免文字环绕或布局错位；clear:right同理，确保右侧无浮动元素。两者常用于清除浮动影响，适用于传统浮动布局中的内容分离，如多列布局后独占一行。尽管现代布局多用Flex或Grid，但在维护旧项目时仍具实用价值。
-
生产环境隐藏路由源码的核心是分层设防：路由声明层混淆标识符与字符串，加载层切断静态依赖链，控制层混淆守卫逻辑并加入反调试，运行时层动态注册、WASM隔离及内存抹除。
-
小屏幕Flex布局溢出应组合使用flex-wrap:wrap（允许多行）与overflow-x:auto（支持滚动），按需选择：可换行则用wrap，禁换行则用nowrap+横向滚动，并通过媒体查询响应式切换，注意宽度设置、子项收缩性及iOS兼容性。
-
HTML函数不存在，所谓“HTML函数报硬件错误”实为日志误标或堆栈混淆；真正原因多为CPUMCE、GPU崩溃、内存故障或WebAssembly/SIMD异常。
-
多个position:sticky元素为什么堆叠错乱？因为sticky元素的堆叠上下文（stackingcontext）默认由其最近的「定位祖先」或「块级容器」决定，而不是全局文档流。当多个sticky元素处于同一父容器内，且没有显式设置z-index，它们会按DOM顺序层叠——后出现的覆盖先出现的，和预期“头部始终在最上”相悖。常见错误现象：section的sticky标题被下方另一个sticky的.sub-header盖住，滚动到某位置时突然消失必须给每个
-
浮动导致父容器高度塌陷为0，使后续元素从顶部堆叠；clearfix伪元素清除需content:""、display:table、clear:both三者齐全且作用于直接父容器。
-
$grid-columns默认为12是兼顾整除性与实用性的折中选择：可被1、2、3、4、6、12整除，支持span3/4/6等常见等分；8栏无法三等分，24栏导致类名冗长、CSS膨胀。
-
首屏白屏时间长而DOMContentLoaded早触发，是因为渲染需完成关键CSS加载、JS执行、样式计算、布局、绘制等步骤，即关键渲染路径（CRP）阻塞在rendertree生成前；优化需聚焦资源加载时机与语义。
-
首先配置云服务器环境，安装Node.js、PM2和Nginx；接着部署后端服务并用PM2启动；然后上传前端构建文件至/var/www/myapp；再配置Nginx反向代理，指向前端文件并代理/api请求到后端；最后部署数据库，推荐使用MongoDBAtlas，确保连接安全。完成后再配置域名与SSL证书实现HTTPS访问。
-
轮播图本质是DOM元素位置/可见性的动态切换，通过transform+transition控制偏移量实现平滑滚动，无缝循环需复制首尾图并瞬移跳转，交互时须清除定时器防错乱。
-
scoped样式失效的根本原因是data-v-xxxx属性未正确注入或CSS选择器未匹配该属性；需同时满足模板元素带该属性且编译后选择器末尾含[data-v-xxxx]。
-
Array.prototype.reverse()直接修改原数组并返回其引用，不创建新数组；需用[...arr].reverse()等方法复制后再反转以避免副作用。
-
AbortController是浏览器提供的通用中止信号机制，fetch通过signal选项接收其AbortSignal实例；调用controller.abort()会触发abort事件，使关联fetch立即以DOMException（name="AbortError"）reject，终止内部状态机而非撤回网络包。
-
年历视图需用HTML表格或Grid布局实现，核心是JavaScript计算每月1日星期几和当月天数；热力图需归一化数据并用CSS自定义属性控制颜色渐变，避免硬编码与性能陷阱。
-
poster属性仅在视频未加载、未播放或加载失败时显示手动指定的静态图片，不自动截帧；失效主因是路径错误、格式兼容性差、CSS覆盖或加载时机不当，需预加载校验并降级兜底。
