typeof用于判断基本数据类型，返回字符串表示的类型；instanceof用于判断对象是否是某个构造函数的实例，通过原型链查找。1.typeof可识别基本类型如"string"、"number"、"boolean"、"symbol"、"bigint"、"undefined"、"function"和"object"，但typeofnull返回"object"是历史遗留问题；2.instanceof沿原型链检查对象是否为构造函数的实例，适用于自定义类和继承场景，如判断数组或继承链中的对象；3.typeof更

外部CSS在维护性、复用性、协作和性能上优于内联样式。1.维护成本低，修改一处全局生效；2.支持类选择器实现样式复用；3.分离结构与表现，利于团队协作；4.可被浏览器缓存，提升加载效率。

border-width本身不能单独显示边框，必须配合border-style和border-color（或使用border简写）才能生效；支持像素值、相对单位及thin/medium/thick关键字，但后者像素不固定；推荐用border简写确保完整定义，响应式场景宜用box-shadow或clamp()替代固定像素。

section表达有主题、可独立理解的内容区域，必须含标题；div是无语义布局容器，仅用于样式或脚本。滥用section会破坏语义结构。

父级高度塌陷源于absolute元素脱离文档流，解决关键是让父级感知子元素或主动撑高；常用方法是设position:relative提供定位上下文，但需配合内容、padding、min-height等确保高度来源。

本文介绍如何通过CSS媒体查询精准控制桌面端图片大小，解决“移动端适配良好但桌面端图片过大”的常见问题，同时保持响应式结构不被破坏。

CSS颜色表示方式有五种：1.颜色关键字如red、blue；2.十六进制值#RRGGBB或#RGB，支持#RRGGBBAA透明度；3.rgb()函数用0-255或百分比定义，rgba()支持透明；4.hsl()基于色调饱和度亮度，hsla()支持透明；5.新语法支持rgb/hsl直接加alpha，如rgb(25500/50%)。

当家族树节点名称过长或分支过多时，CSS默认布局会导致内容重叠或截断；通过为li元素设置width:max-content，可强制其宽度适配最长子内容，并配合容器溢出处理实现水平滚动。

面包屑导航的HTML结构通常在header.html、index.html或主布局文件中修改，位于<navaria-label="breadcrumb">或class="breadcrumb"的<ol>/<ul>容器内。

JavaScript算法入门应先理解思想再写代码，从数组操作建立算法感，掌握冒泡、选择、插入三种排序及二分搜索原理，通过手动模拟、改写变体、封装函数和性能对比来实践。

Symbol是ES6引入的原始类型，表示唯一值，用于避免属性名冲突。通过Symbol()创建的每个值都独一无二，即使描述相同；可用于对象属性键以增强封装性，不会被枚举或遍历访问。使用Symbol.for(key)可在全局注册表共享Symbol。内置Symbol如Symbol.iterator、Symbol.toStringTag等可自定义对象行为，例如实现迭代或修改toString结果。

内边距应遵循设计系统间距规范，优先使用12px、16px等规律值，分方向精细调整，配合border-box盒模型与DevTools实时验证，确保视觉节奏稳、准、匀。

with语句是JavaScript中已被弃用的语法，它将对象临时加入作用域链以简化属性访问，但因作用域不透明、性能差、易致静默错误且不兼容严格模式而被禁用，推荐使用解构赋值等安全替代方式。

动画中断时状态“卡住”或“回弹”，是因为未定义@keyframes首尾帧且未设置animation-fill-mode；必须显式声明0%和100%关键帧、合理使用fill-mode（推荐both）、JS暂停时用getComputedStyle固化样式，并在新浏览器中用animation-composition避免冲突。

JavaScript模块化关键在正确使用ESM与CommonJS：二者不兼容，混用报错；ESM的import须顶层声明，动态加载需用import()；exportdefault与具名export导入方式严格对应；Node.js中ESM需启用"type":"module"且路径必须带后缀。