-
HTML5在iPad上导入交互内容的核心问题是四类行为被拦截或降级：文件导入需用户直接触发input[type="file"]；Canvas须按devicePixelRatio缩放适配Retina屏；触摸坐标需用getBoundingClientRect映射；第三方库要启用触摸优化参数。
-
完全可行但需放弃“用JS写TS语法”的幻想：JSDoc的@type仅提供类型提示与文档元数据，不参与运行时；需启用checkJs、配置tsconfig、配合apidoc的TypeScript支持及正确import()引用类型，才能实现类型安全与文档自同步。
-
应确保在页面完成导航后调用，如在window.load事件或document.readyState为'complete'时；注意仅记录当前文档导航，避免在空白页测试，并确认类型名拼写正确。
-
容器查询生效的前提是显式声明container-type:inline-size，否则@container规则不触发；需设在父容器（非grid本身），命名容器避免作用域冲突，且不可通过内联style动态设置。
-
<optgroup>是唯一原生、语义正确且无障碍友好的下拉分组方式，但必须有非空label、直接嵌套于<select>内、禁用仅作用于选项而非标题，且不参与表单提交。
-
必须用TextDecoder('utf-8')还原atob解码结果，因为atob返回Latin-1字符串，直接JSON.parse会因UTF-8多字节被错误拆解而报错。
-
不该。第三方CSS不应手动放入src/css目录，而应通过构建工具直接解析node_modules路径引入，或用link引入CDN资源；vendor目录仅存导入胶水文件，不存实际CSS内容。
-
<time>标签必须带ISO8601格式datetime属性，含显式时区，显示文本须与datetime逻辑一致，否则机器解析失效。
-
<p>text-wrap不是标准CSS属性，也不是Tailwind官方支持的类名；它可能是对实验性text-wrap:balance（已移除）或white-space/overflow-wrap/word-break的误称；Tailwind中实现文本换行与适配需组合使用truncate、break-words、break-all、whitespace-*等现有工具类，并配合clamp()、line-clamp和min-w-0等协同控制。</p>
-
Chrome下载大文件易崩溃的根本原因是传统Blob方式将整个文件加载进内存，而ServiceWorker可拦截响应流并直写硬盘。它通过ReadableStream与WritableStream绕过JS堆，避开V8内存限制；需HTTPS/localhost注册，刷新生效，配合StreamSaver.js实现流式下载。
-
trycatch仅捕获同步运行时错误（如ReferenceError、TypeError），无法捕获语法错误（解析阶段）、异步错误（需在回调或async/await中使用）、Promisereject（需.catch()或await配合trycatch）。
-
本文详解如何为页面中居中的子容器（如卡片列表）添加滚动触发机制，当用户滚动到该区域时自动暂停外部滚动、启用内部滚动，并配合CSS动画实现视觉反馈。
-
HTML5本身不支持AES加密，需用WebCryptoAPI（推荐AES-GCM模式）或CryptoJS实现；WebCrypto更安全但仅限HTTPS，需派生密钥、随机IV并统一编解码。
-
JSON.stringify()会丢数据，因其仅序列化可枚举自有属性，并静默忽略undefined、function、symbol，将Date转为ISO字符串，NaN/Infinity变null，循环引用则报错；JSON.parse()返回纯数据对象，丢失方法、原型和构造器信息。
-
掌握CSSGrid对齐需理解四组属性：1.justify-items与align-items控制所有子元素在网格区域内的横向与纵向对齐，如center居中、stretch拉伸；2.justify-self与align-self用于单个子元素独立对齐，优先级高于容器属性；3.justify-content与align-content调节整个网格轨道在容器中的分布，适用于存在剩余空间时的布局，如space-between实现两端对齐；4.实际应用中可组合使用，如整体居中用justify-items和align
