-
Object.is()是唯一能同时解决NaN!==NaN和+0===-0问题的原生方法，严格按IEEE754位模式执行SameValue算法：NaN自等、±0不等，其余同===；适用于负零检测、NaN确认及含NaN数组去重，但不适用于对象深比较或高频简单比较。
-
grid-template-areas是最直观的仪表盘布局方法，用字符串定义区域，需注意命名规范、行列对齐、显式声明及响应式优化。
-
replaceWith()是JavaScriptDOM方法，需先获取真实元素节点才能调用；传入字符串不解析HTML，应使用template或DOMParser转换为节点后再替换。
-
font-smooth在现代移动端浏览器中基本无效，因其是已废弃的WebKit私有属性，iOSSafari、ChromeforAndroid和FirefoxMobile均忽略，CanIUse标注无支持；真正影响字体清晰度的是-webkit-font-smoothing（仅限macOS）、text-rendering、font-weight/family组合、硬件加速触发及字体加载控制等。
-
normalize.css是最快最稳妥方案，它校准而非清零浏览器默认样式，统一h1margin、button字体继承、textarea可缩放等行为；必须置于所有自定义CSS之前，否则html行高、button字体等基础校准会被覆盖，导致FOUC或样式失效。
-
本文详解导航按钮无法触发对应内容显示的常见原因，重点分析href属性误用导致目标元素选择失败的问题，并提供可立即生效的HTML+JavaScript修复方案。
-
设置position:absolute的元素会脱离文档流，不再占据空间，其他元素布局时视其不存在；2.它可相对于最近的已定位祖先或视口定位；3.脱离后不影响正常流排布，可能覆盖内容，需用z-index管理层级，且父元素无法自动包含它。
-
老项目改响应式应聚焦关键断点、松绑固定宽度、组件级响应、class隔离新行为；优先适配375px/768px/1024px三断点，用max-width/rem/响应式图片/弹性布局/工具类渐进优化。
-
HTML5新增表单元素包括email、date、range、datalist、output等，旧浏览器会降级为text类型；需用Modernizr检测并配合JS插件或polyfill实现fallback。
-
Vue中watch不能直接监听prop初始值变化，需根据类型选择策略：基础类型用immediate；引用类型需deep或计算属性；父组件应更新引用确保响应式。
-
行内样式破坏CSS机制导致维护灾难：脱离作用域/继承/层叠/复用，无法响应媒体查询或@layer，硬编码色值和重复样式难以归类抽象，动态内联更引发逻辑耦合与调试困难。
-
可用正则表达式配合match()和reduce()统计单词频次：先用/[a-z0-9]+/gi提取单词并转小写，再用reduce构建计数对象，空值需防护，结果为{word:count}格式。
-
CSS旋转动画失效主因是transform-origin未设对或transition未指定transform属性；需设transform-origin:center并显式声明transition:transform0.2sease-in-out，确保元素有明确宽高且SVGviewBox匹配。
-
Termux中缺少python-mhttp.server是因Python包未完整安装，需执行pkginstallpython并验证importhttp.server；若仍失败可换源重装，或改用busyboxhttpd（需确保有index.html且路径为绝对路径）；注意绑定0.0.0.0:8080并用手机IP访问，避免使用已废弃的termux-web-server。
-
固定定位元素z-index失效是因为它们默认处于平级堆叠上下文，需通过公共祖先（如body）设置position:relative或fixed并指定z-index来创建共享上下文，使子元素z-index按数值生效。
