-
floatleft左右并排不生效主因是父容器未清除浮动致高度塌陷，或子元素width+padding+border超100%；百分比宽度按父内容区计算，混用inline-block会引发空白；现代布局应优先使用flex或grid。
-
HTML5真正新增且有明确语义的标签是<header>、<footer>、<article>、<section>、<aside>、<nav>、<main>；它们各自承担不可替代的结构角色，需按语义正确嵌套使用，而非仅作样式容器。
-
table边框重叠不生效需设border-collapse:collapse于table元素；缝隙常因padding或边框不统一导致；突出行列须操作td/th而非tr；响应式建议配合table-layout:fixed和visibility:collapse隐藏列。
-
:only-of-type不生效是因为它仅当父元素下同标签名子元素唯一时才匹配，无视class、id等属性；若存在多个同类型元素（即使隐藏），即失效。
-
窄边框对前端开发有实际影响，主要体现在视觉负担减轻、横向信息密度提升及响应式调试更准确，但不提升编译或热更新速度；需注意摄像头布局异常、触控板缩水、散热不足及屏幕色准等问题。
-
想让第1、3、5行变色用tr:nth-child(odd)，第2、4、6行变色用tr:nth-child(even)；需限定为tbodytr:nth-child(odd)避免thead干扰，nth-of-type在表格中失效因tr兄弟节点含非tr元素。
-
本文详解如何在双列表拖拽排序场景中，阻止跨列表（如左→右）拖放干扰目标列表内部顺序，通过记录拖拽源标识并校验投放目标，实现严格的单容器内排序约束。
-
direction:rtl不会让文字和内联元素整体右对齐，它仅改变文本流方向和内联布局顺序；需配合text-align或HTML的dir="rtl"属性才能实现右对齐效果。
-
JavaScriptDate对象本身不混乱，混乱的是直接用它做加减、跨时区、格式化或比较——因其API隐含大量陷阱：getMonth()从0开始、setFullYear()静默溢出、ISO字符串解析在Safari等浏览器中被误当本地时间（规范定义为UTC），且跨月/跨天计算易受夏令时和日历溢出影响。
-
本文介绍如何通过JavaScript动态统计具有特定CSS类（如calctime）且值非空的表单输入框数量，并实时更新到指定字段，适用于多段行程（Sector）时间录入等场景。
-
最轻量可维护的跨项目调色板共享方式是CSS自定义属性，需分层定义基础色与主题色、避免全局污染、通过npm发布纯CSS包、构建期用PostCSS注入、JS仅读取不硬编码。
-
CSS颜色控制图标的核心在于利用矢量特性实现灵活配色。字体图标通过color属性统一变色，适用于单色场景；SVG图标支持fill/stroke多色控制，可精细调整路径颜色，适合复杂图形。两者均具备可伸缩、高性能、易主题化的优势。实际项目中推荐使用CSS自定义属性（如--icon-primary-color）定义语义化颜色变量，结合类名控制状态色，实现全局主题切换与深色模式适配，提升维护效率与用户体验一致性。
-
window.postMessage()是唯一通用且安全的跨窗口通信方式；它属JavaScriptAPI，需指定targetOrigin校验origin，支持跨源通信，但要求发送前检查窗口状态、加载完成及消息唯一性。
-
获取微信小程序页面结构有四种方法：一、用开发者工具WXML面板查看实时结构；二、通过ChromeDevTools抓取安卓WebView的DOM树；三、反编译.wxapkg包提取并转换WXML文件；四、注入JS脚本动态遍历组件生成HTML字符串。
-
HTML监控与性能分析是分层协作关系：PerformanceObserver优先用于捕获FCP/LCP等真实用户体验指标，须在<head>同步注册；PerformanceTiming作为老浏览器兜底方案仍有价值；第三方APM仅在需跨团队归因、告警联动或后端链路打通时才值得接入。
