-
前端路由通过浏览器API实现URL变化但不刷新页面，分为Hash模式（利用#后内容）和History模式（使用pushState等），需匹配路径、触发渲染、同步状态，并要求服务端对History模式做404回退配置。
-
标签模板是JavaScript中通过函数处理模板字符串的语法，首参为静态字符串数组，后续参数为插值表达式结果，常用于HTML转义、SQL参数化等场景。
-
浏览器原生支持前端路由，需用history.pushState修改URL而不刷新，监听popstate处理前进后退，代理a标签点击拦截默认跳转，并配置服务端将非资源请求均返回index.html。
-
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。
