-
JavaScript迭代器是遵循特定协议的对象：拥有[Symbol.iterator]方法且返回含next()的对象；next()必须返回{value,done}结构，done为true后须恒返{value:undefined,done:true}。
-
GeolocationAPI可通过用户授权获取经纬度，实现位置服务功能。使用getCurrentPosition获取当前位置，watchPosition持续监听位置变化，结合地图API可实现标记与周边查询，需注意HTTPS要求、精度设置及错误处理，提升体验与性能平衡。
-
JavaScript生成器和异步迭代器结合懒加载与异步操作，适用于分页数据、事件流等场景；2.生成器函数用function*定义，yield暂停执行，next()恢复；3.异步迭代器通过Symbol.asyncIterator支持forawait...of，可逐页获取API数据；4.封装DOM事件为异步生成器可实现可中断监听；5.实际使用需注意终止条件、兼容性、调试难度及结合AbortController优化资源管理。
-
JavaScript数据可视化应按需选库：Chart.js适合轻量快速场景；ECharts擅长定制化与高性能；React项目优选Recharts或Victory；D3.js适用于高度自定义的专业需求。
-
应使用HTML5语义标签构建结构，配合CSS重置、Flexbox布局、Grid网格及媒体查询实现响应式设计。具体包括：一、用<header><nav><main><aside><footer>等组织骨架；二、CSS重置默认样式并设基础排版；三、Flexbox实现导航与主侧布局；四、Grid定义页眉页脚二维结构；五、媒体查询适配移动端堆叠与尺寸调整。
-
::after伪元素用于在元素内容后插入生成内容，常用于清除浮动、添加装饰性图标、创建几何图形及气泡对话框效果，结合content、border等属性提升样式表现力与布局灵活性。
-
答案：GET通过URL传递数据，适合非敏感、小量信息；POST将数据放在请求体中，更安全且支持大数据量和文件上传。
-
答案：处理CSS浮动中文本对齐需清除浮动、触发BFC解决塌陷、设置text-align对齐文本，推荐用Flex布局替代。
-
map返回新数组，forEach无返回值（undefined）；map用于转换生成新数据，forEach用于执行副作用；二者均不支持break，且跳过稀疏数组空槽。
-
HTML5需组合触摸事件或借助Hammer.js等库实现手势；可用touch-action优化原生行为；PointerEvents统一输入类型；长按需防抖动容差判定。
-
CSS阴影效果通过box-shadow、text-shadow、drop-shadow()和伪元素四种方式实现：box-shadow用于块级元素外/内阴影；text-shadow专用于文字多层阴影；drop-shadow()适配不规则图形；伪元素可创建复杂立体阴影。
-
元素定位异常主因是position使用不当，需检查父容器是否创建定位上下文、偏移属性生效条件、文档流状态及z-index层叠关系，并慎用fixed定位。
-
使用纯CSS实现响应式轮播图，通过HTML结构搭建图片容器，利用flex布局与object-fit确保图片自适应，结合@keyframes定义translateX动画实现自动切换，设置关键帧控制每张图停留时间，再通过媒体查询在移动端调整宽度与动画节奏，使小屏设备每次显示一张图并延长展示时间，提升可读性与兼容性。
-
要实现动态改变网页主题颜色，核心方法是使用CSS变量配合JavaScript操作变量值。1.首先在CSS的:root中定义颜色变量如--primary-color、--background-color等；2.HTML中创建按钮作为切换触发器并设置data-theme属性；3.JavaScript通过监听点击事件获取对应theme值，并用root.style.setProperty()更新CSS变量；4.利用localStorage保存用户选择的主题名称，在页面加载时读取并应用之前保存的主题。此外，还可通过
-
状态模式通过封装不同状态下的行为使对象在状态改变时改变其行为。以电灯为例，关态（OffState）按下开关变为开态（OnState），反之亦然；上下文（Light）持有当前状态并委托调用pressSwitch方法实现状态切换。核心角色包括Context（如Light类）、State接口及ConcreteState（如OnState、OffState）。优势在于消除冗长条件判断，提升可维护性，适用于订单状态、游戏角色动作等有限状态机场景。
