-
JavaScript迭代器是一套协议，要求对象具有返回{value,done}对象的next()方法；可迭代对象则需实现[Symbol.iterator]方法以返回迭代器。
-
抽象工厂模式用于创建一组相互依赖的对象家族而不指定具体类，适用于UI组件库等需统一风格的场景。通过定义抽象产品和工厂接口，由具体工厂如浅色或深色主题工厂实现对象创建，确保同族产品协同工作。示例中按钮和输入框按主题统一渲染，客户端可切换整套界面风格而无需修改代码。优势包括解耦、易扩展产品族、保证兼容性，但新增产品类型需修改所有工厂，违反开闭原则。JavaScript中可用构造函数模拟抽象类，适合大型应用维护。
-
安装LiveServer扩展可实现HTML一键预览，支持实时刷新；2.右键HTML文件选择“OpenwithLiveServer”或点击状态栏“GoLive”启动；3.可设置默认浏览器和自定义快捷键提升效率；4.临时查看可拖拽文件到浏览器。
-
直接下载HTML文件后用浏览器打开即可查看网页内容。可将文件从百度网盘下载至本地，双击用默认浏览器打开；或使用VSCode等编辑器配合LiveServer插件实时预览；若含动态功能则需部署到XAMPP等本地服务器，通过http://localhost访问；也可将代码复制到JSFiddle等在线工具中运行预览。
-
答案：防止表单重复提交常用方法包括前端禁用按钮、一次性令牌、Post-Redirect-Get模式和前端防抖。1.提交后禁用按钮可防止多次点击；2.服务器生成唯一token并校验，确保请求唯一性；3.PRG模式通过重定向避免刷新重复提交；4.前端防抖控制限制短时间内多次提交。推荐组合使用前端按钮禁用、后端token验证与PRG模式，以兼顾安全与体验。
-
盒模型由content、padding、border、margin四层构成，width仅指内容宽；默认content-box下总宽=width+padding×2+border×2，border-box可使width包含padding和border。
-
HTML5网页需以<!DOCTYPEhtml>声明开头并使用语义化标签构建结构。具体包括：一、声明文档类型并设置<htmllang="zh-CN">；二、用<header><nav><main><article><aside><footer>等标签组织内容；三、严格闭合标签、规范嵌套层级，禁止自闭合与越级嵌套。
-
WebComponents是浏览器原生支持的可复用、封装良好的自定义HTML元素，核心包括customElements、HTMLElement和ShadowDOM；需继承HTMLElement、含短横线命名、调用customElements.define()注册，并用attachShadow隔离样式与事件。
-
页面滚动进度条通过JavaScript监听滚动事件，计算滚动比例并更新顶部进度条宽度实现。1.创建固定在顶部的div作为进度条；2.用CSS设置其样式和定位；3.JS中通过pageYOffset、scrollHeight和innerHeight计算滚动百分比；4.使用requestAnimationFrame优化性能，避免频繁触发。正确计算可滚动范围确保进度条从0%平滑到100%。
-
HTML可访问性对用户体验的影响体现在：1.提升所有用户的操作便利性，如键盘导航、清晰焦点指示增强交互流畅性；2.增强内容可理解性，如图片alt文本、表单标签关联帮助屏幕阅读器用户；3.间接提升SEO表现，语义化结构更易被搜索引擎解析；4.扩大用户覆盖面，满足视觉、听觉、运动或认知障碍人群的需求；5.塑造包容性品牌形象，赢得广泛尊重与信任。
-
在VSCode中运行JavaScript代码可以通过集成的终端或安装扩展来实现。1.使用集成的终端：确保已安装Node.js，打开终端并输入"nodeexample.js"运行代码。2.安装CodeRunner扩展：右键点击文件选择“RunCode”或使用快捷键运行代码。3.使用VSCode的调试工具：创建launch.json文件并配置后，可以设置断点并调试代码。
-
需通过CanIUse查特性兼容性、Babel转译JS语法、Autoprefixer补CSS前缀、polyfill.io动态注入API。四步协同确保HTML5应用在目标浏览器中正常运行。
-
JavaScript装饰器是Stage3实验特性，通过@符号声明式修改类/方法/属性行为，本质为接收target、key、descriptor等参数的高阶函数，需Babel或TS转译支持。
-
JavaScript国际化API以Intl对象为核心，提供DateTimeFormat、NumberFormat、Locale等构造器，支持日期、数字、货币、语言协商及复数/列表格式的标准化本地化处理，无需硬编码规则。
-
浮动与定位可组合使用以实现复杂布局，float用于多栏结构，position用于精确定位；例如侧边栏浮动固定，内容区通过margin避让并创建定位上下文，内部元素用absolute定位；需注意clear清除浮动、避免高度塌陷，并合理利用relative建立定位参考，z-index控制层级，兼顾老浏览器兼容性，适用于旧项目维护或特定场景。
