-
弱引用不阻止垃圾回收，WeakMap和WeakSet用于避免内存泄漏。1.WeakMap键为对象且弱引用，适合存储对象元数据；2.WeakSet存储对象且弱引用，可用于标记已处理对象；3.二者均不可遍历、无size、无法追踪存在性，确保高效回收。
-
::first-letter伪元素用于选中块级元素第一行的首字母并设置样式，常用于首字下沉效果；2.可通过font-size、font-family、color和float等属性增强视觉表现；3.仅适用于块级非替换元素，且文本需以字母开头以确保生效。
-
flex能让箭头始终贴右，关键在于父容器设display:flex并用justify-content:space-between或箭头加margin-left:auto，避免flex:1误用、绝对定位及DOM节点动态增删导致的错位。
-
组件嵌套尺寸失控本质是盒模型在多层继承中被反复计算，需逐层定位box-sizing、margin折叠及transform叠加问题，用outline和computed面板精准排查。
-
本文详解如何通过原生JavaScript实现点击缩略图动态切换主展示图，解决因DOM选择器误用、事件绑定不完整导致的图片不更新问题，并提供健壮、可扩展的代码方案。
-
<p>border-box是一种盒模型设置，它使元素的width和height包含内容、内边距和边框；使用box-sizing:border-box后，元素总宽高不因padding或border而超出设定值，便于实现自适应布局；推荐全局设置*{box-sizing:border-box;}以统一所有元素的尺寸计算方式；在两栏布局等场景中，即使添加内边距和边框，各列也能准确按百分比分配宽度而不换行溢出。</p>
-
grid-template-areas合并单元格需确保相同名称连续成矩形，否则整行被忽略；响应式下用grid-column:1/-1替代固定列数；跨行溢出时用min-height/max-height限制；IE11降级用数值定位并检测@supports。
-
HTML5已废弃<marquee>标签，behavior属性仅为IE特有且仅支持至IE10，现代浏览器完全不识别，故无通用兼容方案，只能对IE6–IE9降级使用<marquee>，其余浏览器需用CSS动画替代。
-
作用域链是函数定义时确定的静态嵌套路径，按[[Environment]]逐层向上查找变量：先当前LexicalEnvironment，再outer指向的外层环境，直至全局；this和eval不参与该链，闭包捕获变量引用而非值快照。
-
绝对定位元素宽高不生效的根本原因是脱离文档流后尺寸依赖定位偏移与参照尺寸：单边偏移+显式宽高有效，对边偏移（left+right或top+bottom）则宽高被忽略，须改用min/max约束。
-
align-content控制多行flex容器中各行的垂直对齐方式，需配合flex-wrap:wrap及固定容器高度使用；line-height影响含文本子项的最小高度，两者协同可稳定多行布局的垂直分布与整体节奏。
-
最基础方式是创建my-website主文件夹及html、css、js子文件夹，将对应文件分类存放；在index.html中用../路径引用css/style.css和js/main.js；CSS与JS需按规范编写并确保编码与执行时机正确；通过LiveServer等本地服务预览调试。
-
ES2020引入可选链（?.）、空值合并（??）和空值合并赋值（??=）运算符，简化了对不确定数据结构的安全访问与默认值设置。
-
inline-block盒模型与block完全一致，但布局受限于行内环境；默认收缩包裹内容、高度由内容决定、vertical-align影响对齐、空白间隙源于HTML文本节点、所有行为均符合CSS规范。
-
JavaScriptDate解析ISO格式字符串（如"2023-10-01"）默认按UTC处理，再转为本地时区显示，故北京用户看到早8小时；安全写法是显式指定时区或用斜杠格式。
