-
JavaScript变量是词法环境中的绑定名称，var声明会提升但不初始化，let/const具块级作用域和暂时性死区，const强调绑定不可重赋而非值不可变。
-
FIMO输出的HTML不保留图层可见性，因其导出是快照式扁平渲染，不序列化图层状态；虽可手动扩展SVG+JS实现控制，但需导出前保存状态、导出后缝合，FIMO本身不提供自动支持。
-
JavaScript事件循环是异步非阻塞执行的核心机制，通过调用栈、任务队列协作：同步代码入栈执行，异步回调由WebAPI处理后进入任务队列；事件循环在调用栈空时，先清空所有微任务（如Promise.then），再取一个宏任务（如setTimeout）执行。
-
::first-letter伪元素用于选中块级元素第一行的首字母并设置样式，常用于首字下沉效果；2.可通过font-size、font-family、color和float等属性增强视觉表现；3.仅适用于块级非替换元素，且文本需以字母开头以确保生效。
-
用position:absolute叠加图片需父容器设position:relative，img2用absolute+top/left定位，居中用top:50%;left:50%;transform:translate(-50%,-50%)，z-index显式设置更稳妥。
-
箭头函数是ES6引入的简洁函数语法，具有词法this绑定、无arguments对象、不可用new调用等特性。它省略function关键字及return（单表达式时），但无法作为构造函数，且this指向定义时外层普通函数的this。
-
使用transform和animation可实现高性能平滑平移动画。1.translate()位移不触发重排，优于left/margin；2.@keyframes定义动画关键帧，支持from/to或百分比；3.animation属性绑定动画，设置时长、缓动、循环等；4.示例中alternate实现往返移动。推荐用于按钮、加载、轮播等场景。
-
Map是支持任意类型键的键值对集合，适用于需对象等非字符串键、保持插入顺序、精确计数及避免原型污染的场景；Set是保证唯一性的值集合，适用于去重和存在性判断。
-
try...catch仅捕获同步错误，异步错误需await后才生效；仅在明确可能throw且能响应时使用，如JSON.parse、深层属性访问、localStorage操作等；catch参数须为变量名，不可写类型；finally仅用于无条件清理，禁用return或抛错。
-
JavaScript函数是代码复用的关键，通过函数声明、函数表达式和箭头函数定义，实现一次编写、多处调用，支持参数化、集中维护与逻辑组合；盲目封装则违背其设计初衷。
-
flex-direction:column在移动端失效主因是父容器缺乏明确高度约束，需设min-height:100dvh或height:100dvh，并确保祖先节点无overflow:hidden；iOS滚动需显式overflow-y:auto且配合-webkit-overflow-scrolling:touch。
-
表单元素聚焦时的蓝线是浏览器默认outline，专为可访问性设计且不占布局空间；误用border替代会导致重排抖动，正确做法是保留outline并用outline-offset调整或改用box-shadow。
-
text-indent失效主因是元素非块级或父容器为flex/grid；中文首行缩进推荐text-indent:2em；它仅推首行，padding-left则整体偏移；子块级元素需显式设text-indent:0重置。
-
本文介绍如何通过原生JavaScript监听<select>元素的change事件，动态控制表格中特定<tr>行（如“Masters”和“Bachelors”）的显隐状态，实现选中“本科”时仅显示BSc行、选中“研究生”时仅显示MSc行的交互效果。
-
卡片布局通过HTML结构与CSS样式实现，使用语义化标签构建内容，配合Flexbox排列和响应式设计，确保整洁、一致且适配多屏。
