-
推荐使用CSS设置文字样式，通过style属性或样式表定义font-family、font-size和color；2.可在标签内用style直接设置，或在style标签及外部文件中统一管理；3.避免使用已废弃的font标签。
-
fetch读取本地HTML文件触发CORS错误是因file://协议被浏览器禁止跨域请求，解决方法是部署到本地HTTP服务或改用XMLHttpRequest；DOMParser解析HTML字符串更安全；Node.js中需用fs读取文件并注意编码与路径。
-
原生WebSocket无法直接await，因其无请求-响应语义；需手动实现请求标识、响应匹配与超时控制三层逻辑，包括生成唯一uuid、用Map存储Promise回调、服务端返回对应uuid，以及连接异常时清理pending请求。
-
nav和dropdown必须是两个独立block，因nav只管语义结构与布局，dropdown专责交互行为（显隐、定位、过渡），二者职责分离才能避免样式耦合与测试爆炸。
-
答案：通过监听change事件可实时响应文件选择变化，结合draganddropAPI支持拖拽上传，并利用事件委托处理动态添加的文件输入框。
-
应优先提升虚拟机CPU核心数与内存容量，再启用3D图形加速并扩容显存，接着切换为NVMe或SCSI存储控制器、禁用非必要虚拟设备及后台服务，最后优化客户机浏览器与HTML工具配置。
-
真正有效的DOM打点必须锚定在浏览器确认“内容已就位”的稳态节点上：单次插入用requestAnimationFrame检查挂载与offsetHeight>0，批量操作验证getComputedStyle可见性，按准备/写入/布局分层命名且不重复，通过链路ID控制唯一性，并用performance.getEntriesByName验证落点。
-
-webkit-tap-highlight-color:transparent仅对可点击且可聚焦的元素自身生效，不继承、不全局作用；需显式写在目标节点（如button、[role="button"]）上，并确保viewport正确、语义完整，AndroidChrome62+已不支持。
-
FIMO输出的HTML不保留图层可见性，因其导出是快照式扁平渲染，不序列化图层状态；虽可手动扩展SVG+JS实现控制，但需导出前保存状态、导出后缝合，FIMO本身不提供自动支持。
-
HTML文本框粘贴功能需确保元素未禁用或只读、监听paste事件获取剪贴板数据、兼容IE旧接口、校验过滤粘贴内容、修复iOSSafari失焦问题。
-
使用position:fixed将导航栏固定在顶部，设置top:0、left:0、width:100%并通过z-index:1000确保层级最高；2.为防止内容被遮挡，在主体元素上添加margin-top，值等于导航栏高度；3.结合媒体查询实现响应式适配，保证移动端体验。
-
JavaScript数据验证以正则表达式为核心，结合input/blur事件实时校验手机号、邮箱、密码、身份证等字段，并用setCustomValidity/reportValidity复用浏览器提示，需注意正则边界符、空格处理及服务端二次校验。
-
用position:fixed+transform可实现无需预知宽高的真居中模态框：top:50%;left:50%;transform:translate(-50%,-50%)，兼容IE10+；相比flex居中更稳定，避免溢出和层叠上下文干扰；backdropz-index设为1040，modal设为1050。
-
JavaScript内存管理依赖垃圾回收机制，通过可达性判断对象是否可回收。开发者需避免意外全局变量、未清理的定时器与事件监听、闭包长期持有大对象及DOM引用残留导致的内存泄漏。使用严格模式、及时解绑资源、弱引用结构（如WeakMap、WeakSet）并结合ChromeDevTools分析内存使用，可有效优化性能，防止内存持续增长。
-
Flex容器滚动卡顿主因是浏览器对flex-wrap布局的O(n²)算法复杂度，子元素超200个时重排耗时骤增；可用content-visibility:auto（配contain-intrinsic-size）、优化flex-basis、或改用Grid/绝对定位缓解。
