-
最基础的预览方式是双击打开HTML文件，但fetch、ES模块等需本地服务器；常见问题包括保存为.txt、编码非UTF-8无BOM、file://协议限制；推荐LiveServer或http-server；开发者工具中Network和Console优先排查路径与报错。
-
word-break:break-all需配合min-width:0、max-width及white-space:normal才生效；单独使用在Flex容器中常因min-width:auto失效，且必须避免flex-shrink:0和nowrap干扰。
-
SCSS的&不能防止类名冲突，因其仅是父选择器占位符，编译后仍生成全局类名；真正防冲突需依赖CSSModules，它在构建阶段将.card__header重命名为Card_header__abc123等唯一标识符。
-
shape-outside必须与float同时使用才生效，缺一则无效；需配合width、height、display:block，并确保父容器未创建BFC（如flex/grid/overflow:hidden），否则文字不环绕。
-
position:sticky失效主因是缺少有效滚动祖先；需确保最近可滚动祖先的overflow-y为auto/scroll且内容溢出，避免hidden、visible或transform干扰，top值受border/padding/transform影响。
-
{}与{}不是同一个键，因为Map键比较基于引用而非结构相等，每次{}创建新对象实例，内存地址不同，Map视为独立键。
-
HTML/CSS无法实现条件格式化，因CSS无法读取单元格内容或数值关系；必须用JavaScript遍历元素、判断数据并动态添加语义化class，再通过CSS统一控制样式。
-
若页面图片不显示、动画失效或样式错乱，需检查路径、标签用法及加载顺序：一、img标签须设正确src与alt；二、script置body底或加defer，确保DOM就绪；三、link须在head中且rel="stylesheet"；四、CSSbackground-image路径以CSS文件为基准；五、picture配合source实现响应式图片。
-
答案：box-sizing属性决定元素尺寸计算方式，默认content-box不包含内边距和边框，而border-box包含，推荐全局设置border-box以确保布局更直观稳定。
-
<p>必须用时间戳计算天数差再分组：Math.floor((Date.now()-notifyTime)/86400000)得整数天差，按0/1/≥2分为today/yesterday/older；统一后端返回ISO或毫秒时间戳，渲染时先分组再遍历keys避免标题重复。</p>
-
最简方案是用transform:translateX(-280px)和translateX(0)配合transition实现drawer弹出，需设固定宽度、position:fixed、bodyoverflow:hidden，并通过class切换控制状态，避免直接操作style。
-
答案：通过WebVibrationAPI可在HTML表单中实现震动反馈。在表单提交或验证失败时，JavaScript调用navigator.vibrate()触发震动，如震动200毫秒或自定义模式[100,30,100]。需监听用户事件（如submit），并在支持时执行，同时兼容iOS限制与桌面无效问题，结合视觉反馈并遵循渐进增强原则。
-
若浏览器未返回地理坐标，原因可能是用户拒绝权限、浏览器不支持或页面未通过HTTPS加载；需依次检查协议安全性、API可用性、权限请求时机、错误处理逻辑、定位选项配置及位置变化监听机制。
-
完全可行，但需HTML定结构、CSS管样式、JS实现翻页动效、图表渲染和微信分享等交互功能，缺一不可；原生开发适合JSON数据源且注重隐私与离线可用，否则用MAKA等平台更高效。
-
正确设置viewport是移动端开发的关键，需在HTML的head中添加meta标签：<metaname="viewport"content="width=device-width,initial-scale=1.0">，以实现设备自适应和初始无缩放；常用参数包括width、initial-scale、minimum-scale、maximum-scale和user-scalable，可组合使用以控制布局与交互行为；为兼顾适配与可访问性，推荐基础配置，避
