-
HTML和JavaScript无法访问SD卡，因浏览器沙箱禁止直接读写物理存储；可行方案仅限Electron/Tauri、树莓派HTTP服务或用户手动导入导出。
-
直接写background-color:#f0f0f0会导致主题切换困难、深色模式不响应、组件复用性差，因该属性不支持条件逻辑，必须用CSS变量（如--placeholder-bg）配合@media(prefers-color-scheme:dark)实现自动适配。
-
纯HTML无法实现真正的银行卡管理，因其仅能静态展示，缺乏数据存储、校验、加密及交互逻辑能力；所有核心功能需依赖JavaScript前端配合后端（如Node.js/Python）完成。
-
纯CSS无法实现一键切换深色模式，必须用JavaScript控制CSS变量并持久化用户选择；prefers-color-scheme是只读媒体查询，仅响应系统偏好，不能被手动触发或修改。
-
纯HTML简历可行但不适用于ATS，适合熟人推荐、技术岗直投或个人网站展示；必须将姓名、联系方式、教育背景、工作经历、项目经验、技能等写入<body>，用<header><section><h2><article><ul>等语义化标签结构化内容。
-
img加width:100%无效主因是父容器无宽高或max-width:none覆盖；需设父级宽度、img用width:100%+height:auto，并排查样式冲突。
-
WebUSB不能通过USB-C取电，供电稳定性取决于硬件链路；设备闪退多因非标线缆、主机端口供电不足或设备功耗突增；Electron/Tauri虽可绕过沙箱读取供电状态，但无法提升物理供电能力。
-
Chromebook完全可以开发HTML页面，只需浏览器渲染；关键在于工具选择、预览方式及权限限制——启用Linux可装VSCode，否则用WebIDE；本地双击HTML会因安全策略失败，需起本地服务；触控板与键盘适配需调整快捷键设置。
-
WebLocksAPI不能直接防止IndexedDB写冲突，仅提供跨标签页互斥信号；必须将“打开库→事务→写入→awaittx.done”全流程严格包裹在awaitnavigator.locks.request()回调中，且所有入口共用带业务唯一标识的锁名（如'db-write-note-456'），并为Safari等不支持环境提供服务端幂等或localStorage降级方案。
-
ChromeMixedContent错误需用DevToolsNetwork标签筛选“MixedContent”或查status为blocked:mixed-content的请求；修复须将所有http://显式改为https://，包括HTML、CSS、JS及iframe/form等动态加载场景。
-
纯CSS可实现阶梯式逐项入场动画，需用@keyframes+animation而非transition；SCSS的@for简化延迟计算，但动态列表需JS或CSS变量配合；起始状态须设transform:translateY(20px)opacity:0并配合overflow:hidden确保阶梯感。
-
绝大多数卡片列表场景该用auto-fit，但依赖固定列数对齐、动画或预留插槽时必须用auto-fill；auto-fit在卡片少时会拉宽列宽，auto-fill则可能产生隐形空列并受gap影响。
-
是的，head中默认script会阻塞渲染和后续JS执行；必须加defer或async才可避免，其中defer仅对外链脚本有效且保序执行，async则无序执行、适合无依赖脚本。
-
纯CSS轮播可用input[type="radio"]配合:checked实现显隐切换，或用transform:translateX()加animation实现滑动效果，需注意容器溢出隐藏、图片尺寸控制及用户交互暂停动画。
-
使用CSS伪元素::before和::after可为元素添加提示图标或文字，无需额外HTML标签。1.::before和::after通过content属性在元素前后插入内容，常用于添加装饰性图标或提示信息；2.必须设置content属性，否则伪元素不显示；3.利用::before可创建圆形问号图标，样式由CSS控制，保持HTML语义清晰；4.使用::after结合:hover可实现悬停显示提示框，需配合position定位；5.可引入字体图标如FontAwesome，通过Unicode字符显示专业图标，
