-
监听inputfile的change事件获取FileList，用FormData构建数据体并用XMLHttpRequest上传，注意校验空文件、类型限制、进度监听及响应解析。
-
答案：Symbol.iterator是ES6提供的特殊符号，用于定义对象的迭代行为。当对象实现[Symbol.iterator]()方法并返回具有next()方法的迭代器时，即可被for...of、展开运算符等遍历。该方法返回形如{value,done}的对象，控制迭代过程。通过手动实现[Symbol.iterator]，可使自定义对象成为可迭代对象，如数字范围遍历示例所示，体现了JS统一的遍历机制和良好的控制流协作。
-
history.pushState()新增历史记录，适合导航跳转；replaceState()替换当前记录，适合修正URL而不留返回点；二者均需配合popstate监听及服务端配置防404。
-
通过函数封装和polyfill解决浏览器兼容性问题，确保新特性在旧环境中正常运行。首先检测原生支持，如不存在则提供替代实现，例如requestAnimationFrame的多版本兼容；对于缺失API，采用polyfill模拟行为，如Array.isArray的类型判断；优先使用标准库避免重复定义；结合构建工具按需引入core-js等方案；开发中应依据caniuse数据，通过typeof检测、轻量封装和跨浏览器测试保障稳定性。
-
数组扁平化是将多维数组转为一维的过程，常用方法包括：1.使用flat()方法（ES2019），支持指定层数或Infinity彻底展开；2.递归结合reduce实现，兼容性好且灵活；3.toString后split仅适用于纯数字数组；4.扁平化同时去重可结合flat(Infinity)与Set。日常推荐优先使用flat()。
-
CSS属性选择器[attr]可匹配任意含指定属性的元素，无论属性是否有值；如[title]选中所有带title属性的元素，注意大小写敏感性及与[attr="value"]的区别。
-
用position:fixed实现悬浮客服框需将元素直接挂载到body下，设right:20px、bottom:20px和z-index:9999，避免祖先元素设置transform/filter创建新包含块，并注意iOS地址栏变化及微信X5内核的z-index兼容性问题。
-
使用rem单位结合媒体查询可解决多设备字体不一致问题：rem相对于根元素字体大小，通过媒体查询动态调整html的font-size，使文字等比缩放；配合vw单位可实现更平滑的响应式效果，推荐设定清晰断点并统一项目字体单位，确保各屏幕下显示协调。
-
TailwindCSS通过预设类名快速设置间距和字体大小，提升开发效率。①使用mt-4、py-2等类控制外边距和内边距，基于4px增量确保视觉一致；②用text-lg、font-semibold等类设定字体大小与字重，支持响应式断点；③组合p-4、mb-2等类实现无需自定义CSS的高效布局，样式逻辑集中于HTML，便于维护与协作。
-
根本原因是平板浏览器默认启用viewport缩放、采用不同字体尺寸与CSS像素逻辑，且缺乏hover等交互支持；需通过viewportmeta标签和针对性CSS适配。
-
用CSS框架统一图表样式需通过类名约定与自定义属性实现：为容器设统一类（如chart-container）并用修饰符（--primary、--dark）定义主题变量；借助工具类控制尺寸留白；JS中读取CSS变量动态配色，避免硬编码。
-
外部CSS在维护性、复用性、协作和性能上优于内联样式。1.维护成本低，修改一处全局生效；2.支持类选择器实现样式复用；3.分离结构与表现，利于团队协作；4.可被浏览器缓存，提升加载效率。
-
transition-duration控制过渡持续时间，transition-delay设置延迟；两者配合可精细调控动画节奏。例如，.box{transition-duration:0.5s}表示过渡持续0.5秒，.btn{transition-delay:0.2s}表示延迟0.2秒启动。支持多属性分别设置时间与延迟，推荐使用简写transition一次性定义所有参数，如.card{transition:all0.4s0.1sease-in-out}，提升开发效率与动画流畅性。
-
JavaScript隐式类型转换发生在==、&&、||、!、if、while及+等场景，按抽象操作规则自动转换类型；==触发抽象相等算法并转换类型，===则严格比较类型与值，不转换。
-
本文介绍如何使用原生JavaScript的事件委托机制，精准删除触发事件的按钮所在父元素，避免ID冲突与重复绑定问题，同时支持动态添加的元素。
