-
inputtype="date"跨浏览器兼容性差，需用YYYY-MM-DD格式赋值与校验，min/max/step行为不一致，应配合input/change事件及setCustomValidity()做JS层双重校验。
-
实现断点续推需服务端识别Last-Event-ID并为每个事件分配唯一有序字符串ID，客户端EventSource自动携带该ID；服务端校验请求头、容错处理，并按ID精准定位后续数据起始位置。
-
现代项目不推荐圣杯/双飞翼布局，应改用Flexbox或Grid：前者适合高度不敏感场景，后者支持等高、间距、对齐及响应式函数如minmax()和clamp()。
-
--scale变量配合calc()控制尺寸比transform:scale()更可靠，因它改变布局盒而非仅渲染层，避免点击区域错位、坐标系失准、字体糊化等问题。
-
响应式灰度开关通过可监听、动态更新的状态变量实现运行时功能控制，支持远程配置、动态加载、实时更新与本地缓存降级，无需重载页面。
-
HTML仅定义语义结构，CSS才负责排版；布局应基于display:flex/grid而非HTML标签，统一box-sizing:border-box避免盒模型误差，且父容器必须显式设置display属性才能启用子元素的布局指令。
-
窄边框对前端开发有实际影响，主要体现在视觉负担减轻、横向信息密度提升及响应式调试更准确，但不提升编译或热更新速度；需注意摄像头布局异常、触控板缩水、散热不足及屏幕色准等问题。
-
表单反馈信息需在正确时机、方式和位置响应，应紧邻对应控件放置于label后或同级span中，同步控制display:none与aria-hidden="true"/tabindex="-1"，动态字段需实时联动required状态并服务端兜底校验。
-
要让::after伪元素居中，需在父元素设text-align:center并使伪元素为display:inline-block；若用flex布局，则父元素设display:flex并配合justify-content和align-items。
-
媒体查询必须配合正确的viewport标签才能生效，正确写法是<metaname="viewport"content="width=device-width,initial-scale=1.0">，断点应由内容实际错乱位置决定，优先使用min-width和相对单位，布局推荐flex或grid。
-
Map不是状态管理工具，而是用于数据映射与解耦的轻量载体，支持对象/Symbol作键、插入顺序保障，适用于缓存索引、运行时注册表、局部快照桥接等场景，可实现细粒度状态隔离与低开销中间层构建。
-
autoplay必须与muted配合才生效，controls控制原生控件显示，muted影响初始音量，preload仅为提示，loop在iOS全屏下需playsinline才有效。
-
PHP动态生成静态HTML文件有四种方法：一、用file_put_contents写入HTML字符串；二、用ob_start捕获输出再保存；三、基于模板替换占位符生成；四、用fopen/fwrite/fclose手动分段写入。
-
Symbol.for()与Symbol.keyFor()在跨模块中能真正共享符号的前提是键名字符串完全一致且运行于同一全局符号注册表；通过===比对不同模块中Symbol.for('x')结果及Symbol.keyFor()返回非undefined可验证共享成功。
-
location.href触发同步导航，立即卸载当前页并中止JS执行；支持相对/绝对/完整URL，但跨域跳转可能静默失败或报安全错误；无法控制历史记录与标签页复用，替代方案包括location.replace()（替换当前history条目）和history.pushState()（仅更新URL，不加载新页面）。
