全选功能可通过三种方式实现：一、用document.execCommand("selectAll")配合focus()适用于可编辑元素；二、用input/textarea的select()方法最简捷；三、用Range与SelectionAPI手动控制，适用于div等非表单元素。

Map和Set因基于哈希表，查找、插入、删除操作平均时间复杂度为O(1)，优于对象和数组。Map支持任意类型键、性能稳定且可直接获取大小，适合高频读写的键值存储场景，如缓存系统；Set自动去重，has()方法为O(1)，适用于去重和存在性判断，如防止重复提交；两者结合可高效处理多对多关系，如用户兴趣标签管理，显著提升大数据量下的操作性能与代码可维护性。

最常用的方法是toString()，因为它语义清晰且适用于明确的数字类型；2.String()能安全处理null和undefined，适合不确定类型时使用；3.空字符串拼接（+''）简洁但隐式，可读性较差；4.模板字面量（${}）在构建复杂字符串时最优雅且自然完成转换；5.toString()支持进制转换，是唯一能转为二进制、十六进制等字符串的方法；6.所有方法对NaN、Infinity、-Infinity的转换结果一致，分别为"NaN"、"Infinity"、"-Infinity"；7.选择应基于可读性

应将重复的CSS动画逻辑抽成语义化可复用class，如.animate-fade-in、.animate-slide-up等，统一时长0.3s和fill-mode:both；支持data属性动态控制参数；允许多类组合；推荐工具辅助生成；仅对高频低差异动效封装。

答案是使用CSS的:hover伪类和display属性可创建无需JavaScript的下拉菜单。首先构建基于ul的HTML结构，通过flex布局使菜单横向排列；接着用position定位子菜单，并设display:none默认隐藏；再利用.dropdown:hover.submenu设置display:block实现悬停显示；最后可添加visibility、opacity和transition实现淡入动画，配合z-index避免遮挡问题。整个过程仅需基础CSS即可完成交互效果。

必须通过JavaScript遍历表格的行与列结构来提取HTML表格所有单元格数据；具体方法是用for循环访问table.rows和每行.cells，先用document.getElementById获取table，再依rows.length遍历行，逐行读取cells数据。

Set是JavaScript中基于SameValueZero算法的唯一值集合，自动去重、O(1)查询，语义上强调“存在性”；WeakSet仅存对象且弱引用，适用于临时标记场景。

IndexedDB是浏览器内存储结构化数据的低层API，支持索引、事务和异步操作，可存储对象、Blob等复杂类型，结合ServiceWorker实现离线优先应用，通过创建索引优化查询性能，保障数据一致性与高效访问。

答案：JavaScript代码审查中通过静态检测可发现XSS、不安全依赖、硬编码敏感信息等漏洞，结合ESLint、SonarJS、Retire.js等工具与人工审查，能有效识别风险并提升安全性。

制作HTML5网页应用需五步：一、用语义化标签搭建标准结构；二、用Flexbox/Grid和媒体查询实现响应式CSS；三、集成地理定位、localStorage等原生API增强交互；四、用ES6模块化组织JavaScript逻辑；五、通过polyfill、懒加载、GPU加速和缓存策略优化兼容性与性能。

JavaScript深拷贝无万能方案：structuredClone()支持多数内置类型且处理循环引用，但不支持function等；手写需防null、数组遍历、循环引用等陷阱；LodashcloneDeep覆盖广但有体积和兼容性考量；JSON方法仅适用于纯数据对象。

float导致后续元素重叠是因为浮动元素脱离文档流使父容器高度塌陷；清除方法首选display:flow-root（现代标准），次选overflow:hidden（兼容性好），老旧项目可用伪元素clearfix。

答案：通过flex属性组合实现固定与弹性宽度布局，如侧边栏固定、内容区自适应。具体为设置flex:00宽度值保持固定，flex:1使元素占据剩余空间，结合min-width:0防止内容溢出，适用于多组件响应式排列。

移动端适配中，JavaScript通过动态设置rem根字体、处理高清屏1px边框、响应式事件兼容等方式辅助实现自适应布局。首先根据设计稿宽度与设备实际宽度计算根字体大小，使页面等比缩放；结合viewportmeta确保视口正确；利用devicePixelRatio判断dpr，通过伪元素或类名实现高清屏细边框；针对移动设备绑定touch事件以消除点击延迟，并封装手势识别提升交互体验。最终与CSS的flex、mediaquery协同构建完整适配方案。

推荐使用字符循环+steps()方案：.loading-text::after设content为"."并用@keyframes在".","..","...",""间切换，配合steps(4,end)实现精准跳动，兼容Chrome/Firefox/Edge，视觉干净节奏可控。