-
inline-block元素间缝隙源于HTML将换行/空格解析为文本节点并渲染为空白，而float通过脱离文档流规避该机制；现代布局应优先使用flex或grid，仅IE8–9等旧环境才考虑float。
-
ECharts原生Treemap不支持严格的垂直流式布局与跨系列连接，但可通过多实例Treemap手动定位+统一样式模拟实现类“垂直堆叠+水平对齐”的视觉效果。
-
:first-of-type选择父元素中同类型的首个子元素，如p:first-of-type选中第一个p标签，不受其他类型元素影响，常用于段落、列表等首项样式设置。
-
使用Flex布局实现导航项水平排列，结合position:sticky使导航栏滚动时固定顶部，通过媒体查询与JavaScript控制小屏下折叠菜单显示，提升响应式体验。
-
字符串转数组用split()，空字符串split("")返回空数组；includes()语义清晰但IE不支持，indexOf()可定位且兼容IE；replace()需/g或replaceAll()才替换全部；拼接长字符串优先用模板字面量或join()。
-
HTML文件不能保存图片，只能用<img>标签引用图片；路径必须匹配物理位置：同目录写“photo.jpg”，子目录写“images/photo.jpg”，禁用本地绝对路径；Python生成时需确保src路径与HTML文件相对位置正确。
-
color-contrast()仅Chrome111+支持，Firefox/Safari完全不识别；需用lab()/lch()输入以确保计算准确，且函数仅返回对比度值，不自动判断WCAG合规性或fallback。
-
父容器背景不显示是因浮动元素脱离文档流导致高度塌陷，解决方法为清除浮动。推荐使用伪元素清除法：.container::after{content:"";display:block;clear:both;}，同时可结合overflow:hidden触发BFC，确保父容器包裹子元素并正常显示背景；避免背景重叠需设置margin间距、合理宽度及box-sizing:border-box。
-
本文介绍使用react-chart-js2时，通过预处理时间标签数组，仅保留每第三个时间点（如1:00AM、4:00AM、7:00AM…）并隐藏其余标签的完整实践方案，兼顾可读性与图表整洁性。
-
使用CSS的transform属性配合rotate函数可实现元素围绕指定中心点的角度旋转，rotate(angle)以deg、rad等单位定义旋转角度，正值顺时针、负值逆时针，并可通过transform-origin自定义旋转原点位置，还可与scale、translate等函数组合使用实现复杂动画效果。
-
表单和默认就支持Emoji输入只要用户系统和浏览器没锁死输入法，Emoji就能正常输入、提交、显示。不需要加任何特殊属性或JS拦截——加了反而容易出问题。常见错误现象：input.value看起来是空的、提交后后端收不到、数据库存成???或乱码。这些问题几乎都跟后端处理或数据库配置有关，不是前端表单本身不支持。确保页面声明了UTF-8编码：避免用oninput或onchange里对value做正则过滤（比如删掉非ASCII字符），这会直接吞掉Emoj
-
通过结合CSStransition与@media查询，可实现响应式布局中的平滑动画效果，如侧边栏收起、导航展开；2.针对不同设备特性（如悬停支持）设置差异化过渡策略，提升交互合理性；3.在移动端优化动画性能，优先使用GPU加速属性，并尊重用户偏好设置，确保流畅体验。
-
JavaScript模块化通过import和export实现代码拆分与复用，解决全局污染问题。1.每个文件为独立模块，默认变量不可见，需通过export导出功能；2.import用于引入其他模块的功能，支持命名导入、默认导入及整体导入；3.带来代码隔离、依赖明确、TreeShaking优化等优势；4.使用时注意避免默认与命名导出混淆、循环依赖及保持模块单一职责；5.浏览器原生支持ESM并通过构建工具优化，Node.js则采用CommonJS并逐步支持ESM，存在兼容性差异。
-
Map适用于键为任意类型且需保持插入顺序的键值映射，Set适用于自动去重和高效存在性判断的唯一值集合；对象适合结构化数据，数组适合有序索引列表。
-
HTML5使用<img>标签嵌入图片，需设src和alt属性；支持srcset/sizes实现响应式；可用<figure><figcaption>增强语义；loading="lazy"实现懒加载；onerror处理图片缺失。
