-
后代选择器（空格）匹配任意层级的后代，如divspan选中div内所有span；2.子代选择器（>）仅匹配直接子元素，如nav>a只作用于nav的第一层a；3.相邻兄弟选择器（+）选中紧接的同级元素，如h1+p作用于紧跟h1后的p。
-
最推荐使用CSS的text-decoration属性添加下划线，而非<u>标签。因为CSS能实现样式与结构分离，提供颜色、线型、粗细和偏移等精细控制，符合现代Web标准；而<u>标签语义已限定为“非文本标注”，用于拼写错误或专有名词，滥用易导致可访问性问题和用户误解，尤其非链接文本加下划线会干扰用户对可点击元素的判断，影响体验。
-
Flex布局中，justify-content和align-items控制主轴与交叉轴对齐，实现整体居中或分布；当需精确定位特定元素时，可结合position:relative或absolute进行局部调整。例如，flex居中容器内元素可通过relative上移10px，或在relative定位的父容器中使用absolute将角标固定于右上角。注意避免滥用absolute以免破坏流式布局，确保父容器尺寸明确，合理使用z-index控制层叠。两者协同可实现灵活精准的界面布局。
-
本文讲解如何通过固定网格行高而非依赖内容高度，解决Grid容器内标签（label）选中后因字体放大导致的垂直对齐偏移问题，确保所有项目始终居中对齐且行高稳定。
-
float属性使元素脱离文档流并沿容器左右浮动，影响后续内容布局；clear属性则通过禁止元素侧边出现浮动来清除影响，二者结合可实现图文混排与多栏布局，但易导致父级塌陷等问题。现代布局更推荐使用Flexbox和Grid，因其在处理复杂结构时更具灵活性与可控性。
-
HTML5游戏手机掉帧主因是requestAnimationFrame误用、图片未适配DPR、touchmove监听泄漏及WebGL纹理上传阻塞；应单层RAF驱动、预切@3x图、被动事件+及时解绑、初始化上传纹理并用texSubImage2D更新。
-
微前端通过将大型前端应用拆分为多个独立子应用，实现多技术栈共存与团队协作。1.主流方案包括基于路由分发、qiankun、ModuleFederation和single-spa；2.关键挑战涉及样式隔离、JS冲突和性能优化，可通过沙箱、CSS封装和预加载解决；3.实际应用于企业后台系统，如订单（Vue）、报表（React）、客服（Angular）模块集成，提升开发部署灵活性。
-
viewBox是坐标系重映射工具而非缩放开关，它将原始绘图区域按容器尺寸等比投影；必须配合width/height才生效，且需与preserveAspectRatio协同控制对齐与裁剪方式。
-
本文详解为何wss://连接失败的根本原因，并提供完整、可运行的Express+WebSocket（ws）服务端配置方案，涵盖HTTPS证书集成、端口复用、升级处理及客户端连接要点。
-
WebFontLoader是一个JavaScript库，用于主动管理字体加载过程，解决FOIT/FOUT失控问题，但不提升加载速度；它需与font-display:swap配合使用，通过active回调获知字体就绪时机，避免样式错乱。
-
CSS颜色表示方式有五种：1.颜色关键字如red、blue；2.十六进制值#RRGGBB或#RGB，支持#RRGGBBAA透明度；3.rgb()函数用0-255或百分比定义，rgba()支持透明；4.hsl()基于色调饱和度亮度，hsla()支持透明；5.新语法支持rgb/hsl直接加alpha，如rgb(25500/50%)。
-
当家族树节点名称过长或分支过多时，CSS默认布局会导致内容重叠或截断；通过为li元素设置width:max-content，可强制其宽度适配最长子内容，并配合容器溢出处理实现水平滚动。
-
面包屑导航的HTML结构通常在header.html、index.html或主布局文件中修改，位于<navaria-label="breadcrumb">或class="breadcrumb"的<ol>/<ul>容器内。
-
本文介绍如何通过分离DOM容器+显隐控制替代empty()清空操作，彻底解决ApexCharts切换时的闪烁问题，并提供简洁可维护的菜单驱动图表加载方案。
-
Symbol是JavaScript中创建“私有”属性名的唯一原生方式，但仅适用于添加非干扰元数据；其键不可枚举、不被JSON.stringify序列化，却可通过Object.getOwnPropertySymbols获取；Symbol.for()实现全局复用，Symbol.iterator则强制用于自定义迭代协议。
