-
Intl.Collator根据语言环境和选项实现符合自然语言习惯的字符串排序，支持重音、大小写、数字等规则。
-
浏览器端文件去重需用FileReader读取二进制并调用crypto.subtle.digest('SHA-256')生成内容哈希，禁用仅依赖文件名与大小的误判方式，注意HTTPS要求、大文件分块采样、input.value清空防事件丢失、服务端必须二次校验，兼容性问题需降级处理。
-
答案是掌握Bootstrap布局需理解其栅格系统和组件用法。首先引入CDN和视口设置，再使用.container、.row和.col-构建响应式12列布局，如两栏结构；通过text-center、mt-3等实用类快速排版；最后集成.navbar、.card等组件完善页面，实现高效开发。
-
Flexbox是实现横向导航栏最直接可控的方式，包含基础横向排列、等宽分布、居中带间隔、右侧功能按钮组合及响应式折叠五种方案。
-
防抖确保连续触发后只执行最后一次，适用于搜索框输入等场景；节流则按固定间隔执行，适合滚动监听等高频事件，二者均用于优化性能。
-
原型和类不是二选一，类只是原型的语法糖；JavaScript中class不引入新机制，仍基于prototype实现对象创建与继承，适用场景取决于开发需求而非能力高低。
-
WebGL是OpenGLES在网页上的底层绑定，充当JavaScript与GPU之间的桥梁，提供gl.drawArrays()等接口实现高效3D渲染，但不内置场景管理、模型加载或交互功能。
-
flex-grow按剩余空间比例分配而非总宽比例，仅在有剩余空间时生效；flex-basis是基准尺寸，优先于width；flex-shrink默认为1，会压缩超容内容；需配合min/max-width保障可读性与布局稳定。
-
border-radius是控制边框连接处形状的属性，通过定义四个角的椭圆裁切半径实现圆角、椭圆角或截断效果；其生效受overflow、transform、box-shadow、outline及table的border-collapse等因素影响。
-
按钮点击没反馈的根源是缺乏视觉状态变化，需结合:hover、:active和transition实现悬停提示、点击下压及平滑动效，并确保常态样式清晰、对比度充足、焦点可访问。
-
WebRTC是浏览器原生支持的开放标准，提供MediaStream、RTCPeerConnection和RTCDataChannel三类API实现P2P音视频与数据传输；需信令服务器交换SDP和ICE候选信息以建立连接。
-
JavaScript是边写边跑的脚本语言，无需预装环境，打开浏览器开发者工具Console即可运行console.log("Hello,world!");，核心能力为操作DOM、响应事件、与服务器通信。
-
nth-of-type只在同标签兄弟中计数，非目标标签会占位但不参与计数；与nth-child区别在于前者看标签类型、后者看位置序号；参数格式敏感，空格或大小写错误将导致规则失效。
-
使用Autoprefixer可以自动为CSS属性添加浏览器前缀，确保样式在不同浏览器中正常工作。它基于CanIUse的数据，分析CSS规则并根据目标浏览器的兼容性插入必要的前缀（如-webkit-、-moz-、-ms-等）。1.安装与集成AutoprefixerAutoprefixer是一个PostCSS插件，通常配合构建工具使用。以下是常见方式：通过npm安装：npminstallautoprefixerpostcss--save-dev同时安装PostC
-
本文讲解如何使用Flexbox的flex-wrap:wrap属性，让并排显示的.page容器在视口宽度不足时自动换行堆叠，而非强制压缩内部表格，确保第三列固定宽度（10em）的布局完整性。
