-
不能只改后缀，因SCSS解析器更严格：需同步更新文件后缀、引用路径及做最小语法适配，否则易致编译失败或样式失效。
-
Node.js基于V8引擎实现服务端JavaScript运行，采用事件驱动、非阻塞I/O模型，适合高并发实时应用；其核心架构包括单线程事件循环、libuv异步处理、CommonJS模块系统；常见模式有MVC、分层、微服务及中间件管道；技术栈涵盖Express/Koa/NestJS框架、npm/yarn包管理、PM2进程管理及多种数据库支持；适用于I/O密集型场景如API网关、实时通信，但不擅长CPU密集任务，需借助子进程或线程池优化。
-
必须设置draggable="true"才能触发原生拖拽事件；dragstart中需用dataTransfer.setData()写入数据；drop前必须在dragover中调用preventDefault()；推荐用transform:translate定位便签以提升性能。
-
本文讲解为何HTML中直接使用FontAwesome的Unicode（如）无法显示图标，并提供添加UTF-8编码声明这一关键解决方案，同时说明字体加载机制与实际应用注意事项。
-
IE10必须用display:-ms-flexbox替代display:flex，且需配套-ms-flex-pack、-ms-flex-align等旧属性；flex缩写无效，须拆解为-ms-flex-positive/-negative/-preferred-size；兜底推荐display:table。
-
HTML本身不提供Base64编解码能力，必须依赖JavaScript的atob()/btoa()或FileReader；btoa()仅支持ASCII字符串，遇中文、emoji等会报InvalidCharacterError，正确做法是先用TextEncoder转Uint8Array再处理；嵌入图片时需严格匹配data:mime-type;base64,格式，确保MIME类型准确、无换行空格。
-
闭包通过封装时间窗口参数与状态管理，构建出有状态、可复用、时间敏感的滑动平均逻辑；它捕获window_str、time_col等配置，内嵌缓存自动清理过期数据，预设对齐策略并协同pandasrolling实现高效流式计算。
-
只需三行元数据即可覆盖95%基础需求：<metacharset="UTF-8">须置于<head>最开头防乱码；<metaname="viewport">需在CSS前确保正确渲染；<metaname="description">须服务端静态输出且每页独立、120–155字符。
-
:read-only和:read-write伪类依据元素原生readonly属性或contenteditable状态自动匹配样式，不响应JS逻辑禁用；仅支持<input>（非hidden）、<textarea>和contenteditable元素，且需正确使用布尔属性写法。
-
<p>.modal-body加overflow-y:auto没反应，是因为未设max-height导致无高度限制，浏览器无法判断溢出边界；必须显式设置max-height（如calc(100vh-200px)），并确保内容真正溢出且滚动样式作用于.modal-body本身。</p>
-
该问题本质是异步属性覆盖、迭代器辅助逻辑未适配、属性查找性能劣化三者叠加导致的设计失衡；核心在于子类用实例属性覆盖父类异步属性后，未同步更新迭代器助手的访问路径，引发冗余判断、重复await或缓存失效。
-
justify-content:space-between在flex-direction:column下失效，因需父容器有明确高度（如min-height）；卡片内底部对齐应使用margin-top:auto或grid-template-rows:auto1frauto；IE11中推荐降级为margin-top:auto。
-
Tailwind不支持empty:变体，因其未内置结构伪类解析；需用@layercomponents自定义或兄弟元素+:emptyCSS实现，注意DOM空白节点和框架渲染导致的失灵问题。
-
String.prototype.slice()是纯函数式方法，不修改原字符串而返回新字符串，支持正负索引定位，结合indexOf()/lastIndexOf()可安全裁剪路径，且原始路径始终不变。
-
纯CSS下拉菜单需严格嵌套：子<ul>必须是父<li>的直接子元素，消除间隙并用position:absolute+top:100%定位；移动端需JS降级，且必须补全aria属性与键盘导航支持。
