-
DOM是浏览器解析HTML后生成的内存中对象树，每个节点对应可编程JS对象，不等于原始HTML字符串；获取元素优先用getElementById、querySelector、querySelectorAll；修改内容用textContent或innerHTML，属性用点号或setAttribute，样式用className或classList；事件需确保DOM就绪，动态元素用事件委托。
-
本文介绍如何在Webpack5中通过多入口配置与HtmlWebpackPlugin精确控制不同HTML文件所加载的JS资源，实现“1.html加载main.js和123.js，2.html仅加载main.js”的按需打包需求。
-
Proxy的核心用途是提供钩子机制以精准控制特定行为，其能力取决于handler函数，适用于细粒度干预、调试辅助、不可变封装和API边界控制。
-
动态元素CSS不生效的主因是class未正确添加或伪类前提条件缺失，而非选择器失效；需检查class拼写、tabindex设置、pointer-events、ShadowDOM隔离及样式层叠顺序。
-
JavaScript模块打包是将多个JS及非JS资源按依赖合并转换优化为少量浏览器可运行文件的过程；它解决ES6模块的局限性，支持Loader/Plugin扩展、代码分割、TreeShaking等工程化能力。
-
本文详解如何修复CSS打字机动画中光标（caret）超出文本末尾的常见问题，通过合理设置容器宽度与元素布局，确保光标严格停驻在最后一个字符右侧。
-
答案：通过设置HTTP缓存头、文件版本控制、HTMLmeta标签、动态生成页面及JavaScript检测更新等方法，可有效解决浏览器缓存导致的网页内容未及时更新问题。
-
Webpack非必需但项目复杂时绕不开，常见报错源于入口输出配置错误、loader缺失（如CSS/图片/TS）、mode与devtool未设导致调试部署困难。
-
可通过JavaFXWebView加载HTML文件实现桌面应用内显示，或使用HttpServer搭建轻量级服务器提供网页服务，亦可调用Desktop类直接启动系统默认浏览器预览页面。
-
JavaScript可通过TensorFlow.js、Brain.js等库在前端实现机器学习，适用于图像识别、情感分析等场景，以ML5.js入门更简单，通常采用前端推理、后端训练的协同模式，在保证低延迟和隐私的同时需权衡模型体积与设备性能。
-
首先通过HTML5video标签和JavaScript实现视频播放控制，具体包括：1.使用play()和pause()方法实现播放暂停；2.通过currentTime属性同步进度条并支持拖动跳转；3.利用volume属性调节音量；4.调用FullscreenAPI实现全屏功能，需由用户点击触发。
-
HTML5音频异常主因是文件编码、浏览器策略或代码错误。需规范音频参数，iOS须用户手势触发播放，多源fallback需验证路径，音量控制要正确绑定事件并处理兼容性问题。
-
HTML5的play()无法直接播放私密链接，因其加载阶段即被服务端拒绝；根本原因在于原生video/audio标签无法携带自定义请求头或参数。可行方案包括：1.fetch()+MediaSource手动流式注入；2.后端代理中转透传响应。
-
overflow:hidden隐藏溢出内容，适用于轮播图和头像裁剪；2.overflow:scroll始终显示滚动条，影响布局美观；3.overflow:auto按需显示滚动条，推荐用于文本区域等场景；4.overflow-x和overflow-y可单独控制横向和纵向溢出行为，如横向隐藏、纵向滚动，提升页面整洁与体验。
-
箭头函数是ES6语法，用=>定义，无this绑定，捕获外层作用域this，适用于回调，但不适用对象方法、构造函数等需动态this的场景。
