-
DOMParser是HTML5中解析XML字符串的标准方式，可解析任意合法XML，但要求格式规范；需注意编码问题，如来自localStorage的字符串默认按UTF-8解析，GBK内容易致乱码或解析失败。
-
HTML5中插入特殊符号的四种方法：一、用HTML实体（如©）并声明UTF-8编码；二、直接输入UTF-8字符（需编辑器与文件均为UTF-8）；三、CSS伪元素content注入Unicode（如\2713）；四、SVG内联图形替代复杂符号。
-
答案：通过解析AST收集依赖，构建模块图并封装为自执行函数实现打包。首先读取文件内容并解析为AST，提取import路径形成依赖关系；接着从入口文件开始递归分析所有依赖，构建包含每个模块路径、依赖和代码的图结构；然后将每个模块包裹在函数中，通过require机制实现模块间引用，最终生成一个包含所有模块的闭包函数，写入输出文件。该过程展示了Bundler的核心原理：依赖解析、作用域隔离与模块加载。
-
使用Grid布局结合minmax()函数可有效解决CSS多列溢出问题，通过display:grid与grid-template-columns:repeat(auto-fit,minmax(200px,1fr))实现列宽自适应，避免内容溢出；配合gap设置间距，auto-fit确保空列自动收缩；同时需限制图片宽度为100%、启用overflow-wrap处理长单词断行，并避免子元素设固定宽；该方案天然响应式，随容器变化自动调整列数与宽度，无需媒体查询，适用于动态内容与模块化布局，比传统多列或flex更可靠
-
Grid子元素跨行跨列失效主因是父容器未启用Grid布局、行列范围不足、语法错误、自动放置干扰或样式被覆盖；需检查display:grid、轨道定义、属性值合法性、auto-placement行为及CSS层叠优先级。
-
justify-items用于Grid布局中控制项目在行内轴（水平）的对齐，align-items在Grid和Flexbox中均适用，控制块轴（垂直）对齐，Flexbox中主轴对齐由justify-content实现，默认值均为stretch。
-
优化JavaScript性能需减少重绘与回流：回流必触发重绘，应批量读写DOM、用class代替内联样式、离线操作DOM、避免强制同步回流，并借助requestAnimationFrame和DevTools调试。
-
JavaScript通过CanvasAPI和TensorFlow.js等库实现图像处理与计算机视觉，支持灰度化、反色、二值化等基础操作及实时图像识别。
-
本文详解如何通过CSS初始隐藏元素，并结合JavaScript的style.display实现点击切换显隐效果，解决因未设置初始display:none导致内容始终可见的问题。
-
操作浏览器地址栏的核心在于window.location对象及HistoryAPI。1.window.location提供了读取和修改URL的功能，其属性如href、protocol、host等可获取或设置URL各部分，方法如assign()、replace()、reload()能实现页面跳转或重载；2.修改URL参数而不刷新页面可通过history.pushState()和history.replaceState()实现，前者添加新历史记录条目，后者替换当前条目；3.URLSearchParams用于安
-
JavaScript响应式设计需结合resize节流与matchMedia：先用throttle控制resize高频触发，再用matchMedia精准监听断点变化，并在初始化和卸载时分别执行与清理。
-
:disabled伪类可直接为原生表单控件（button、input等）设置禁用样式，无需JS，属性变化即生效；需配合opacity、cursor等增强辨识度；非原生元素需自定义类名+pointer-events+aria-disabled。
-
ArrayBuffer用于底层内存操作，需通过视图读写，适合精细控制；Blob为不可变二进制对象，常用于文件传输。1.ArrayBuffer是固定长度的二进制缓冲区，通过TypedArray或DataView访问数据，适用于WebAssembly、WebSocket等场景。2.Blob表示不可变的原始二进制数据，可指定MIME类型，常用于文件上传下载、canvas导出图片。3.两者可相互转换：ArrayBuffer转Blob使用newBlob([buffer])，Blob转ArrayBuffer调用blo
-
JavaScript的sort()默认按字符串Unicode码点排序而非数值大小，需传入比较函数实现数值或对象属性排序，且为原地稳定排序（ES2019起），建议拷贝数组再排序以避免修改原数组。
-
CSS通过“选择器-属性-值”模式控制网页样式，核心包括盒模型（content、padding、border、margin）影响元素空间与定位，display属性（flex、grid）实现现代布局；文本与颜色属性提升视觉表达；结合媒体查询与相对单位（rem、vw、vh）实现响应式设计。
