-
首先利用CSS媒体查询检测系统偏好，再通过CSS变量定义主题颜色，并结合JavaScript实现手动切换与本地存储，确保响应式布局在不同设备与主题下均保持良好可读性与视觉效果。
-
iPad订单状态异常非HTML5问题，而是前端与后端交互链路中请求未发出、API响应异常、本地存储失效、后台轮询暂停、Referer/Cookie被ITP拦截或UI更新逻辑错误所致。
-
相对定位通过position:relative使元素相对于原位置偏移且保留原有空间，利用top、left等属性调整位置，常用于微调布局、作为绝对定位的包含块或配合z-index控制层级。
-
JavaScript中==会隐式转换类型后比较，===要求类型和值都严格一致；如0==false为true，但0===false为false；开发中应优先使用===避免意外bug。
-
登录表单必须用<form>包裹并设type="submit"按钮，name属性供后端取值，required实现原生校验；居中用min-height:100vh+flex；需重置input/button样式；响应式应移动优先；提交后须有明确状态反馈。
-
FetchAPI默认不带cookie、不自动处理4xx/5xx状态码、不支持超时控制；需手动检查response.ok、设置credentials、JSON.stringify()body、用AbortController实现超时等。
-
JSON.stringify()会悄悄丢数据：忽略函数、undefined、Symbol键、BigInt，循环引用报错；JSON.parse()仅接受严格JSON格式，不执行代码但需校验结构；日期等非标类型须手动转换。
-
浮动元素脱离文档流是因为float使元素从常规布局中抽离并允许内容环绕，导致父容器高度塌陷；清除浮动本质是触发BFC以包含浮动后代。
-
JavaScript模板引擎核心是将数据与模板结合生成HTML，通过正则解析{{}}插值和逻辑语法，拆分静态与动态部分，提取变量名并拼接为字符串，利用newFunction()将模板编译成可复用的渲染函数，提升性能。
-
可在VC中通过四种方法运行HTML文件：一、用系统默认浏览器双击打开；二、新版VS中使用“在浏览器中查看”菜单；三、拖拽HTML文件至浏览器窗口；四、用ShellExecute编程调用浏览器。
-
iframe依然可用但需谨慎，因其存在安全与性能问题；2.主要安全隐患包括点击劫持、钓鱼和XSS，可通过sandbox、allow属性、X-Frame-Options和CSP来规避；3.性能问题源于独立浏览上下文和资源消耗，可通过loading="lazy"、JavaScript动态加载和内容优化缓解；4.更推荐的替代方案包括API调用+客户端渲染、WebComponents、服务器端包含（SSI/SSR/ESI）和OEmbed协议；5.提升用户体验需采用响应式设计、加载状态提示、错误处理、可访问性支持（
-
JavaScript模块化开发是将代码拆分为独立、可复用、有明确依赖关系的文件，核心方式为ESModule（推荐）和CommonJS；ESM语法简洁、支持tree-shaking，需type="module"或.mjs；CommonJS适用于旧Node.js项目；实际项目需Vite或Webpack等工具支持路径别名、资源处理等；模块设计应单一职责、避免循环依赖、配合类型提示。
-
display:none使元素脱离文档流且不占空间，布局重排；visibility:hidden保留空间，布局不变，仅视觉隐藏。
-
合理组织CSS选择器链可提升性能与可维护性。应保持语义清晰、避免过度嵌套、优先使用类选择器，并将特异性强的选择器置于右侧以优化匹配效率，同时减少通配符和兄弟选择器的使用，控制特异性并利用继承降低冗余，从而提升渲染速度和代码可读性。
-
FrontPage不原生支持HTML5，需手动设置：一、将DOCTYPE替换为<!DOCTYPEhtml>；二、创建含HTML5结构的模板文件并保存为.dot格式；三、在代码视图中插入section、article等语义化标签；四、将旧版meta标签替换为<metacharset="UTF-8">并删除或更新IE兼容指令。
