-
原生<details>和<summary>可实现无JS/CSS框架的折叠面板，<summary>必为<details>首子元素且需闭合标签；open属性设默认展开；支持键盘与屏幕阅读器，但动画需:has()或JS控制类名配合max-height/opacity实现。
-
CustomElement生命周期回调由浏览器在DOM变化时自动触发，connectedCallback仅在元素首次插入activeDOM树时执行；attributeChangedCallback需通过observedAttributes显式声明监听属性；disconnectedCallback是清理资源的主要时机但不保证总被调用；constructor仅限轻量初始化，不可操作DOM，且必须继承HTMLElement并首行调super()。
-
首先创建无序列表使用<ul><li>标签，有序列表用<ol><li>标签，通过CSS的list-style-type可修改符号或编号样式，还能在<li>内嵌套列表实现多层级结构。
-
Bootstrap通过Collapse插件实现导航菜单折叠，使用data-bs-toggle和data-bs-target控制目标元素显隐；Tailwind需结合JavaScript手动切换hidden类来控制菜单显示状态，依赖响应式前缀适配不同屏幕。
-
img加width:100%无效主因是父容器无宽高或max-width:none覆盖；需设父级宽度、img用width:100%+height:auto，并排查样式冲突。
-
position:sticky导航栏纹丝不动，最常见原因是未设top等偏移值、父容器overflow非visible、高度未定义或存在transform等触发层叠上下文的属性。
-
concat不修改原数组，返回新数组需显式赋值；仅浅拷贝，嵌套数组引用不变；展开运算符语义更清晰、类型推导更优，但对undefined更敏感。
-
合理使用:optional和:required伪类可直观区分表单必填与选填项。1.通过不同边框颜色（如红色表示必填，灰色表示可选）实现视觉区分；2.利用label:has(input:required)::after添加红色星号提示，避免HTML冗余；3.聚焦时通过outline和box-shadow区分字段重要性，提升操作反馈；4.结合:invalid高亮未填写的必填项背景，强化错误提示。纯CSS语义化控制，无需JavaScript或额外类名，配合aria属性可提升无障碍访问体验，有效增强表单可用性与可
-
<output>需严格绑定ID才能自动更新，for值须与目标id完全匹配；仅支持<formoninput>触发计算，须用valueAsNumber等安全取值，样式需设inline-block和min-width防抖动，JS操作只改value。
-
navigator.storage.estimate()是前端唯一标准化API，用于估算origin总存储usage与quota，但需安全上下文，返回值为启发式估算而非精确值，须自行实现预警逻辑。
-
要运行HTML代码需确保其被正确解析，最直接方法是将代码保存为.html文件后用浏览器打开；也可通过JavaScript操作DOM动态插入HTML内容；还可利用PHP、Python等服务器端语言输出HTML响应，由浏览器解析；此外，使用JSFiddle、CodePen等在线平台可实现实时预览与调试，便于快速测试和开发。
-
嵌套路由面包屑点击回退需还原完整路由状态，包括参数、查询、滚动及子模块状态；每项应为可恢复的“路由快照”，通过meta.breadcrumb标识层级，结合matched截取、参数继承、query过滤与router.replace实现精准复原，并配合keep-alive动态key与权限守卫处理异常场景。
-
必须监听"first-input"类型，因为只有它能准确提供首个用户输入事件的startTime与processingStart之差即FID值；监听"event"无法识别首次输入且无处理延迟数据，"navigation"则完全无关。
-
Brackets编辑器停更后可通过四步解决兼容性问题：一、启用Windows兼容模式并以管理员身份运行；二、禁用GPU加速渲染，修改brackets.json设hardwareAccelerated为false；三、替换适配架构的Node.js运行时组件；四、用便携Electron环境隔离启动。
-
用transition监听上传进度根本行不通CSS的transition只能响应属性值的**离散变化**（比如从width:0%到width:80%），它不会主动“监听”JavaScript中的实时数值更新，更无法绑定到XMLHttpRequest或fetch的upload.onprogress事件。想靠纯CSS实现进度反馈，等于让CSS去读JS的变量——它做不到。进度条必须由JS控制width+CSS驱动动画真正可行的做法是：JS拿到
