-
fixed导航栏遮挡锚点内容是因浏览器将目标元素顶部对齐视口顶部，而scroll-padding-top（设于html）可精准偏移滚动终点，仅影响滚动逻辑不破坏布局，Chrome89+/Firefox90+/Safari15.4+原生支持。
-
FetchAPI更简洁但默认不带Cookie，需显式设置credentials；不自动处理HTTP错误和超时，需手动检查response.ok并用AbortController控制；非JSON响应需调用对应解析方法；IE不支持fetch，兼容场景应优先选XMLHttpRequest或axios。
-
答案：通过Edge浏览器F12开发者工具可快速定位元素并实时调整HTML与CSS。依次启用工具、选择元素、编辑样式、增删节点，并复制修改结果至源文件，实现高效网页调试与优化。
-
align-items:center失效主因是父容器缺乏交叉轴尺寸，需设height或min-height；子元素须为同级flexitem；注意inline元素的vertical-align和line-height干扰。
-
正确写法是父容器设display:flex，子项统一用flex:1（等价于flex:110），不设width/min-width，避免padding/border干扰；响应式列数变化时靠媒体查询调整flex-basis或改用CSSGrid。
-
scroll-snap-type需配合scroll-snap-align生效，父容器设scroll-snap-type:x/ymandatory并加overflow，子元素必须设scroll-snap-align:start/center等，且图片尺寸须固定，否则吸附错乱。
-
最可控的老旧内核兼容方案是用CSS.supports()运行时检测并动态注入降级样式，优先检测display:grid、margin-inline-start等支持率断层明显且有等效写法的属性。
-
text-wrap:nowrap不是标准CSS属性，根本不存在；正确写法是white-space:nowrap，它通过禁止自动换行并合并空格来实现单行显示，需配合width、overflow和text-overflow才能稳定生效。
-
console.table是开发者工具的快捷预览功能，仅显示前100行、不支持深层嵌套；需用map扁平化嵌套字段，传入数组指定列名可过滤/排序属性，但无法处理循环引用或大数据量。
-
JavaScript中的Reflect是ES6引入的用于统一和规范化运行时对象操作的工具集，提供get、set、has等标准化方法，与Proxy协作实现可控、可组合的元编程。
-
ThinkPHP模板中显示控制器传来的数组需用{volist}或{foreach}遍历，关联数组用{$data.name}，数字索引用{$data.0}；二维数组需确认字段名大小写及是否为空；JSON数据须加|raw避免转义。
-
JavaScript创建自定义事件需用CustomEvent构造函数实例化并传入事件名和detail数据，再用dispatchEvent触发；监听用addEventListener，支持bubbles和cancelable配置以实现冒泡与取消。
-
::first-letter仅作用于块级容器首字母或标点，需排除空白符与兼容性问题，配合float、line-height及移动端可访问性优化使用。
-
ES6就是当前所用JavaScript，核心包括：let/const替代var解决作用域问题；箭头函数实现词法this绑定但不可构造；模板字符串和解构赋值优化取值拼接；import/export与Promise构成现代前端开发基座。
-
答案是使用AST进行JavaScript代码转换可实现精确的结构化修改。首先通过解析器（如acorn或@babel/parser）将代码转为抽象语法树，再利用遍历器（如estraverse或@babel/traverse）配合访问者模式定位节点，接着在转换阶段修改、增删节点以实现变量重命名、语法升级等操作，最后由代码生成器（如escodegen或@babel/generator）将AST还原为可执行代码，并支持SourceMap以保障调试体验。相比正则表达式仅做文本替换，AST能理解代码语义，避免误改字符
