-
需将传统HTML升级为HTML5：一、用<!DOCTYPEhtml>替换旧DOCTYPE；二、用<header><nav><main><article><aside><footer>等语义标签替代<div>；三、确保语义标签逻辑嵌套且不重复；四、移除align等过时属性，改用CSS控制样式；五、可选添加ARIA属性增强可访问性。
-
首先实现语音识别，通过webkitSpeechRecognition捕获用户语音并转文本，需设置语言、监听结果与错误事件；再实现语音合成，利用SpeechSynthesisUtterance将文本转语音，可配置语言、语速、音调等参数，并通过speak()播放。
-
可通过checked属性、JavaScript、setAttribute、removeAttribute及CSS伪类五种方式控制复选框或单选框的勾选状态：一、HTML中用checked布尔属性设默认选中；二、JS通过element.checked=true/false动态设置；三、setAttribute("checked","")强制添加；四、removeAttribute("checked")或checked=false取消勾选；五、:checked伪类实现样式响应。
-
WebAssembly通过与JavaScript集成实现异步优化：将计算密集型任务封装在Promise中运行于WebWorker，利用其接近原生的执行速度和非阻塞设计，提升异步性能；典型应用包括音视频处理、文件加密和游戏引擎，通过合理分工——重计算交Wasm、控制流留JavaScript——显著改善响应效率与资源利用率。
-
MVC与MVVM均用于前端架构设计，核心差异在于数据流与绑定机制。1.MVC由Model、View、Controller组成，数据单向流动，需手动更新DOM，代表框架为Backbone.js；2.MVVM引入ViewModel实现双向数据绑定，View与Model自动同步，减少胶水代码，典型代表为Vue.js和Angular；3.MVC职责清晰适合高控制需求场景，MVVM提升开发效率适用于交互密集型应用；4.MVVM可能带来性能开销，大规模数据需优化；5.React虽非传统MVVM，但结合状态管理形成新型
-
可通过innerHTML、textContent、innerText、nodeValue和replaceChild五种方法动态修改HTML元素文本内容：innerHTML解析HTML标签并替换全部子节点；textContent仅处理纯文本且更安全；innerText受CSS可见性影响；nodeValue直接操作文本节点；replaceChild底层替换文本节点。
-
可使用:placeholder-shown伪类实现输入框为空时的样式变化，需配合placeholder属性，支持Chrome47+等现代浏览器，IE不支持。
-
移动端Safari和部分Android浏览器对::selection支持有限，iOS长期限制背景色与文字颜色；需用::-webkit-selection+::selection双声明、确保可选中状态、字体不小于16px，并注意DOM修改风险。
-
首先通过JavaScript解析URL查询参数或表单数据获取传递值，例如使用URLSearchParams读取name=Tom&age=25；其次可通过GET/POST表单提交数据至目标页面或服务端；最后在服务端如PHP、Node.js或Python中分别用$_GET、req.query或request.args获取参数，用于动态处理。该过程支持搜索、跟踪等场景，需注意避免传输敏感信息并进行安全校验。
-
事件委托的核心是利用事件冒泡，将监听器绑定在父元素上，通过event.target.matches()精准识别触发源，避免动态元素失效和stopPropagation()导致的委托中断。
-
箭头函数是ES6引入的简洁语法，无this/arguments/super/new.target，不能作构造函数；this继承外层作用域，无arguments需用...args，单表达式可隐式返回，但加{}须显式return。
-
JavaScript构建工具的核心作用是将源代码转换为浏览器可运行的静态资源并优化性能；Webpack基于依赖图编译打包，适合大型定制化项目；Vite利用原生ESM按需编译，开发体验更优，新项目优先选Vite。
-
HTML5中导航栏不推荐用 ，因其属语义错误：破坏结构职责、影响可访问性、响应式错乱、干扰Flex/Grid布局且维护困难；应改用CSS的margin或gap控制间距。
-
使用模板继承或构建工具统一管理CSS引入，确保样式一致性与维护效率。
-
z-index仅对position为relative、absolute、fixed或sticky的元素生效；父元素触发层叠上下文会限制子元素z-index作用范围；浮动元素需加position才参与z-index排序；子元素z-index再大也无法超越父级层叠层级。
