-
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能理解代码语义，避免误改字符
-
HTML中连续空白字符会被浏览器合并为一个空格，需用 插入不折行空格；中文间加空格应写为“你好 世界”；框架中注意转义；多空格或缩进应改用CSS（如text-indent、margin）而非堆砌 。
-
用rotateY配合@keyframes实现卡片3D翻转，需设外层perspective、翻转容器transform-style:preserve-3d，正反面均backface-visibility:hidden，正面rotateY(0)，背面rotateY(180deg)，动画控制Y轴旋转，hover或JS切换触发，注意移动端适配与闪动优化。
-
Less中不存在isdefined函数，它不支持运行时变量存在性判断；正确做法是在声明时提供默认值或用if()配合已声明的null变量做值判断。
