-
split()方法根据分隔符将字符串拆分为数组。1.separator参数可为字符串或正则，决定分割位置；2.limit参数限制返回数组长度；3.使用正则可处理复杂分隔模式，如多个分隔符或捕获组保留分隔符信息；4.分隔符不存在时返回原字符串数组，为空字符串时逐字符分割；5.结合map、filter等方法清洗和转换分割后的数据以满足实际需求。
-
Array.from()是将伪数组转换为真数组最简洁推荐的方式，能处理arguments、NodeList等伪数组并支持映射操作。
-
使用Flexbox实现固定底部栏最稳妥，通过设置容器min-height:100vh和flex:1使主内容占剩余空间，将footer推至底部，适用于内容较少或较多的场景。
-
优先使用内联<svg>而非<img>，因其支持CSS动态变色、适配高清屏与深色模式；语义化结构应为<spanrole="img"aria-label="VIP会员"><svg>...</svg></span>，确保无障碍可读。
-
WebSocket用于客户端与服务器双向通信，如聊天室；WebRTC实现浏览器间点对点音视频及数据传输，需信令服务器辅助建立连接。
-
background-color:rgba()仅使父元素背景透明，子元素不受影响；需整体透明用opacity，精准控制则分别设置各属性的rgba()；毛玻璃效果需backdrop-filter配合transparent背景。
-
:hover伪类需配合可交互元素生效，常见失效原因包括pointer-events:none、父级遮挡或元素无尺寸；transition应指定具体属性而非all；移动端需用:focus或JS替代:hover。
-
fonttext类与icon图标结合可高效构建美观界面。通过UI框架预设类控制字体样式，如text-lg、font-bold、text-blue-600；引入FontAwesome等图标库后，使用fasfa-user类插入图标；二者结合时，用mr-2添加间距，align-middle对齐，确保图标加载和可访问性，适用于按钮、导航等组件，提升开发效率。
-
:nth-child(2n)选不到目标行是因为它按父元素下所有子元素的物理顺序计数，不区分标签类型；若存在thead、tbody或div等干扰节点，序号即错乱。
-
用::before伪元素画箭头需设content:""、position:absolute、width:0、height:0，仅保留单方向实色边框（如border-top:8pxsolid#333）与另三向透明边框，利用边框交汇“挤”出三角形；箭头方向由实色边框方向决定，水平居中用left:50%+transform:translateX(-50%)。
-
最直接且推荐的方式是使用CSS的:required伪类，它能选中带有required属性的表单元素并为其设置样式，结合:invalid、:valid、:focus等伪类可提供动态视觉反馈，通过边框颜色、背景色变化及星号提示等方式让用户清晰识别必填项，同时需注意保持样式简洁、确保颜色对比度、配合aria-required提升无障碍性，并辅以JavaScript处理复杂验证逻辑，从而全面提升表单填写体验。
-
JSON.stringify()配合JSON.parse()实现深拷贝存在多重局限：无法处理函数、undefined、Symbol、BigInt；丢失原型链及Date、RegExp等内置对象类型；不支持循环引用；还会忽略不可枚举属性、导致精度丢失且无自定义扩展能力。
-
Hooks的核心实现原理是利用闭包和调用顺序，React为每个组件维护一个按顺序存储状态的“槽位”数组，每次渲染时按顺序读取或更新状态，确保状态与Hook调用一一对应。
-
表单元素未继承CSS样式主因是浏览器user-agentstylesheet的强默认样式覆盖，需用DevTools定位来源，通过更具体选择器、appearance重置或!important调试；父容器、重置CSS、层叠上下文及焦点逻辑亦影响样式生效。
-
ChromeDevTools中无法直接查看完整渲染树，但Layers面板最接近：打开Layers面板后，点击某合成层，右侧Nodes列表即为该层内实际参与渲染的可见、有样式的DOM节点（已过滤display:none等）。
