-
max-width是宽度上限（天花板），min-width是宽度下限（地板）；二者共同为auto宽度划定安全区间，可共存实现弹性约束。
-
现代浏览器禁用非静音视频autoplay是因2017–2018年起实施的autoplay策略：仅muted+playsinline、用户交互后调用play()或站点手动启用允许时才生效；未静音且无手势则直接拒绝。
-
使用类选择器如.menu-toggle和.nav-menu.active控制导航显示状态，结合属性选择器input[type="checkbox"]:checked+.nav-menu实现无JS菜单开关，通过媒体查询与后代选择器@media(max-width:768px)调整移动端垂直布局、隐藏主菜单并优化间距，实现响应式导航。
-
使用:not(:last-child)可选中除最后一个子元素外的所有同级元素，常用于为列表项添加分隔线或间距时排除末尾元素；例如li:not(:last-child){border-bottom:1pxsolid#ccc;}可为每个列表项下方加边框，但最后一项不加，使界面更整洁。该选择器基于父元素中的位置判断，若需按标签类型排除末项，应改用:not(:last-of-type)。
-
首先创建无序列表使用<ul><li>标签，有序列表用<ol><li>标签，通过CSS的list-style-type可修改符号或编号样式，还能在<li>内嵌套列表实现多层级结构。
-
纯CSS实现淡入动画最简方案是opacity+transition：先设初始opacity:0，再声明transition:opacity0.3sease；必须写全属性名，禁用all；搭配visibility:hidden防占位交互，IE9+原生支持。
-
HTML空元素共14个，是W3CHTML5标准明确定义的无内容、无闭合标签元素：area、base、br、col、embed、hr、img、input、link、meta、param、source、track、wbr。
-
用IndexedDB实现离线笔记搜索的核心是建notes仓库、预处理searchText字段并建索引，再通过游标遍历+includes匹配实现模糊搜索，辅以分词、缓存和防抖优化体验。
-
绝对定位元素居中失效的核心原因是父容器未设置position:relative等定位属性且无明确高度，导致top/left基准错误及50%计算为0；需确保父容器有定位上下文和有效高度来源。
-
用父容器scaleX(-1)翻转，子元素再scaleX(-1)抵消即可保持文字正常；该方法不影响布局、事件和顺序，比rotateY(180deg)更轻量兼容。
-
表单验证通过JavaScript在提交前检查数据有效性，首先构建包含用户名、邮箱、密码的HTML表单，接着绑定submit事件并阻止默认行为，调用validateForm()函数进行字段校验：用户名不能为空，邮箱需符合正则格式，密码长度不少于6位，任一失败则通过showError()显示错误信息并聚焦对应输入框，支持实时blur验证提升体验，最终验证通过后提交并清空表单。
-
JavaScript国际化依赖Intl对象进行数字、日期、货币等格式化，不处理文本翻译；需结合ICU消息格式资源包、语言检测与动态切换逻辑实现完整本地化。
-
JavaScript修改DOM样式主要有四种方式：直接操作style属性（需驼峰命名、手动加单位）、用classList增删预定义CSS类（推荐）、调用getComputedStyle获取渲染后样式（只读，避免高频调用）、通过setProperty修改CSS变量实现主题切换。
-
fetch()不必须走网络请求，但绝大多数场景下会发起HTTP请求；它不支持直接读取file://协议文件，开发时需本地服务，例外是可fetchBlob或data:URL模拟响应。
-
售后页面需三秒内明确“我能做什么”“要填什么”“填完怎么走”，须用语义化form、fieldset/legend、label绑定、flex布局适配、文件上传优化及提交状态管理。
