Promise是JavaScript处理异步操作的对象，有pending、fulfilled、rejected三种不可逆状态；可封装回调函数实现链式调用与统一错误处理，配合async/await使异步代码更简洁。

FinalizationRegistry用于在JavaScript对象被垃圾回收时执行清理外部资源的回调。其使用步骤为：1.创建实例并传入回调函数，用于接收对象回收后的关联值并执行清理；2.使用register方法注册目标对象及其关联值，可选提供解除注册令牌；3.可通过unregister方法主动解除注册以防止回调触发。它适用于管理WebAssembly内存、文件句柄等非JavaScript自动管理的资源，但其回调是非确定性的，不能用于需立即执行的清理操作。与WeakRef不同，FinalizationR

HTML5中控制元素宽度有五种方式：一、HTML的width属性仅适用于img等特定元素，值为纯数字像素；二、CSSwidth支持所有单位和元素；三、CSS自适应宽度用百分比、max-width或flex/grid；四、min-width/max-width设弹性约束；五、vw单位以视口宽度为基准。

使用align-items:stretch可实现多列等高。Flexbox中父容器设为display:flex并确保align-items:stretch（默认值），子元素不设固定高度；Grid布局中父容器使用display:grid且定义grid-template-columns，子元素自动等高。需排查max-height、绝对定位或表单元素等干扰因素，必要时单独设置align-self:stretch。

ZTE机型适配需动态设置viewport、校验rem基准、同时监听touch/pointer事件、显式处理dpr及禁用passive；单一方案无效，必须联动UA解析、dpr监听与viewport重写。

动态导入和代码分割通过按需加载降低首屏体积。利用import()语法可实现模块异步加载，结合React的lazy与Suspense进行路由级分割，或将大型第三方库延迟加载，Webpack自动拆分chunk并支持自定义命名，提升应用性能。

响应式网页设计通过CSS布局与媒体查询结合实现多设备适配，核心是使用Flexbox和Grid构建弹性结构，配合相对单位与基于内容的断点控制，使页面在不同屏幕下自动调整布局与样式。

JavaScript拖放功能核心是HTML5拖放API，需绑定dragstart、dragover（必须preventDefault）、dragenter、drop四个事件，分别处理数据设置、允许放置、视觉反馈和实际操作。

PDF转HTML5有四种技术路径：一、用PDF.js前端渲染；二、用Pandoc语义化转换；三、用pdf2htmlEX生成响应式HTML；四、用PDFBox+Thymeleaf服务端动态生成HTML5。

使用HTML5构建现代响应式网站需五步：一、搭建标准语义化文档结构；二、用header、nav等标签组织内容；三、嵌入srcset响应式图像与带controls的音视频；四、结合CSS3媒体查询与HTML5表单属性增强交互；五、通过localStorage和ServiceWorker实现本地存储与离线功能。

要对HTML表格数据进行统计分析，核心流程是提取-清洗-分析-展示。①数据提取：使用JavaScript或后端语言如Python的BeautifulSoup解析HTML表格内容，注意处理合并单元格、隐藏列等复杂结构；②数据清洗与转换：将字符串转为数值类型，处理缺失值和异常值；③统计计算：根据需求进行求和、平均值、标准差等计算，简单任务可用基础函数，复杂任务依赖专业库如Pandas或scikit-learn；④结果展示：可通过表格摘要或图表可视化呈现，前端常用Chart.js、ECharts，后端适合大数据

闭包是JavaScript中函数与其词法作用域的组合，内部函数能持续访问外部函数变量，因作用域链在创建时固化且变量不被回收。

::before伪元素通过content属性在元素内容前插入装饰性内容，常用于添加图标、符号或视觉效果。例如用.content:"•"添加圆点，或结合FontAwesome插入图标，还可创建左侧色条等布局装饰。使用时需注意仅用于非语义增强，避免影响可访问性，关键信息不应依赖伪元素呈现。

可通过本地浏览器打开HTML文件预览效果。一、将复制的代码用文本编辑器保存为.html文件，双击用浏览器打开；二、使用JSFiddle等在线编辑器粘贴代码实时预览；三、用VSCode等代码编辑器保存后在浏览器中打开或使用LiveServer插件自动刷新预览。

JavaScript实现组件化开发，核心是封装可复用、职责单一、接口清晰的代码单元；React组件通信的本质，是在不同生命周期、不同嵌套层级、不同数据流向中，安全、可控地传递状态和行为。用函数/类封装+props实现基础组件化组件化不是React专属，原生JS就能起步：把UI片段（如按钮、表单、卡片）抽成独立函数或类，接收配置参数（props），返回DOM节点或字符串模板。例如：写一个renderButton(text,onClick)函数，只关心“显示什么”