-
是，通配符选择器*会拖慢页面渲染，主要影响CSS匹配和样式计算，尤其在DOM节点多、深度大时；它阻止浏览器优化，还降低同级选择器匹配效率。
-
合理安排外部CSS引入顺序并区分关键与非关键资源可提升页面性能。首先在<head>中通过<link>引入重置样式和核心布局文件，确保首屏内容优先渲染；随后加载视觉增强类库如Animate.css。对于非关键CSS（如打印样式），采用rel="preload"结合onload或动态创建<link>元素实现异步加载，避免阻塞渲染。若使用Web字体，应配合<linkrel="preconnect">和<linkrel=
-
使用::before伪元素可高效为列表项添加自定义图标。1.基本语法：通过content属性插入字符，如li::before{content:"•";color:#007acc}实现小圆点；2.使用FontAwesome字体图标时需引入CDN，并在content中用转义Unicode表示图标，如content:"\f00c"，同时设置font-family:"FontAwesome5Free"和font-weight:900以正确显示；3.可通过font-size、margin、vertical-alig
-
使用CSStransition属性可实现元素样式的平滑渐变效果。通过设置transition-property、transition-duration、transition-timing-function和transition-delay四个子属性，控制过渡的样式、时长、速度曲线与延迟。常用于:hover悬停动画，支持多属性同时过渡，如width和opacity，并可通过伪类、JavaScript或媒体查询触发，使界面交互更自然流畅。
-
JavaScript通过WebWorkers和SharedArrayBuffer实现多线程协作，提升性能。1.WebWorkers允许在后台线程执行脚本，不阻塞主线程，适用于耗时计算；2.SharedArrayBuffer提供共享内存，避免数据复制开销，结合Atomics实现原子操作与线程同步；3.适用于图像处理、游戏物理模拟等CPU密集型任务，但需注意跨域隔离限制与竞态问题。
-
HTML单选框需用<inputtype="radio">，同组name值相同以实现互斥；配合label提升可访问性，可用for/id显式关联或嵌套隐式关联；用checked设默认选中；CSS可通过appearance:none和伪元素自定义样式。
-
节流是按固定时间间隔执行函数，首次触发立即执行，后续每wait毫秒最多执行一次；核心用时间戳判断差值，确保过程快照而非最终状态。
-
应使用<meter>表示已知范围内的静态测量值（如CPU使用率65%），而<progress>用于动态任务进度（如上传完成73%）；<meter>必须显式设置value、min和max以确保语义正确与无障碍支持。
-
扩展运算符...是什么它不是函数也不是方法，而是一种语法糖，用于把可迭代对象（如数组、字符串、类数组）或对象“展开”成独立的元素。本质是把一个整体“打散”，让内部项能被直接使用。数组中用...合并或浅拷贝常见于合并多个数组、给函数传参、快速复制数组。注意：只做一层浅拷贝，嵌套数组/对象仍共享引用。合并数组：[...arr1,...arr2]函数调用传参：Math.max(...numbers)，比Math.max.apply(null,numbers)更直观浅拷贝：cons
-
datalist在联想手机上可用但体验取决于浏览器引擎而非品牌；Android系统WebView（尤其旧版）支持不完整，Chrome/Edge（v80+）正常，微信/QQ内置浏览器等常失效；推荐type="text"+inputmode，并用'list'inHTMLInputElement.prototype检测原生支持，失效时JS模拟下拉。
-
Flexbox居中只需父容器设display:flex，再用justify-content控制主轴、align-items控制交叉轴；注意主轴由flex-direction决定，父容器需有高度上下文（如min-height:100vh）并清除默认margin。
-
Map和Set是ES6为解决对象/数组语义模糊、性能瓶颈而设计的原生集合类型：Map支持任意类型键、保证插入顺序、提供O(1)操作；Set实现高效去重与存在性判断、支持集合运算、语义明确。
-
链接颜色未继承父元素是因浏览器默认样式优先级高，需为a标签的:link、:visited等状态显式设置color:inherit才能生效。
-
WKWebView中需通过原生拦截下载：H5用window.webkit.messageHandlers.download.postMessage(绝对URL)触发，原生在webView(_:decidePolicyFor:decisionHandler:)中拦截并用URLSessionDownloadDelegate下载，保存至Documents目录，务必moveItem避免文件丢失。
-
要实现平滑的悬停效果，需为box-shadow和border-color显式添加transition：.element{transition:box-shadow0.3sease,border-color0.3sease;}，悬停时阴影和边框颜色将流畅过渡，避免突兀变化。
