-
新手用VSCode写HTML5常因三处配置失误：未启用EmmetTab展开、文件未关联HTML语言模式、html.autoClosingTag开启导致自闭合标签错误补全；务必检查右下角语言标识并重启窗口。
-
XHR是老式API，支持细粒度控制与事件驱动；Fetch是现代Promise-based替代方案，简洁但需AbortController中断且默认不带Cookie。新项目优先用Fetch，老系统或需进度控制时仍用XHR。
-
展开运算符...仅将可迭代结构摊开为独立值，不可用于复制对象或深拷贝数组；在数组中用于合并、传参、浅拷贝，但仅限第一层；{...obj}是对象展开语法，非可迭代对象不能直接用...展开。
-
align-items:baseline在grid布局中根本不起作用直接说结论：align-items:baseline对display:grid容器**无效**。CSSGrid规范明确不支持baseline作为align-items的合法值——浏览器会静默忽略它，回退到默认的stretch行为。常见错误现象是：写了align-items:baseline，但所有子项依然顶部对齐或拉伸填满行高，毫无“基线对齐”效果；开发者反复检查HTML结构、字体、line-he
-
GitHubPages能直接发布纯HTML5网页，不需要构建工具、不需要后端，但必须注意仓库命名、分支选择和路径结构这三点，否则页面404或样式/脚本加载失败。仓库名必须是username.github.io这是唯一能启用「用户主页」模式的命名规则。如果建的是普通仓库（比如叫my-app），默认只能用gh-pages分支或docs文件夹，且访问地址会多一级路径（https://username.github.io/my-app/），这时所有相对路径（如./css/style
-
本文详解如何用原生JavaScript实现多元素标题的自动字符截断功能，解决因误用jQuery语法（如.each()、.text()）导致的失效问题，并提供可直接运行的安全、现代代码示例。
-
最简方案是父容器设display:flex并用flex-grow:1，但需配合flex-basis:auto（IE11必须写flex:11auto）、min-width防压缩、重置input默认样式、固定按钮宽度且flex-shrink:0，移动端用媒体查询切column布局。
-
最直接方式是用<ahref="about.html">关于我</a>，路径需区分大小写、不可省略.html后缀，相对路径适用于同目录或子目录，绝对路径以/开头更稳定但本地双击无效；按钮跳转需JS配合location.href。
-
优化JavaScript性能需从加载、执行和运行时三方面入手：1.通过压缩、懒加载、合并脚本和ES6模块减少文件体积与请求；2.使用async/defer异步加载、延迟非关键JS、避免大型内联脚本以优化加载时机；3.减少重排重绘、采用防抖节流、优化循环查找、防止内存泄漏提升运行效率；4.借助Performance面板、LongTasks监控、V8优化检查和Lighthouse工具分析瓶颈，持续迭代优化。
-
HTML5中获取服务器数据主要用FetchAPI和XMLHttpRequest：Fetch基于Promise，语法简洁，自动解析JSON；XHR需手动解析；均需处理CORS、嵌套JSON安全访问及错误响应。
-
使用伪类可实现图标交互效果：:hover改变悬停样式，:active响应点击状态，:focus提升可访问性，结合::before/:after动态替换图标内容，通过颜色、大小、transform等属性增强视觉反馈。
-
Firefox网格检查器需在有display:grid/inline-grid的页面中，通过右键检查元素后切换到“布局”标签页打开；若未显示，需确认CSS语法正确、无覆盖规则，并等待动态内容渲染完成。
-
防抖确保连续触发后只执行最后一次，适用于搜索框输入等场景；节流则按固定间隔执行，适合滚动监听等高频事件，二者均用于优化性能。
-
需从官网下载TwaverHTML5SDK压缩包，依次完成访问官网下载、选择稳定版压缩包、解压并校验文件结构、通过script引入或npm安装五步操作。
-
颜色显示取决于元素的绘制层级和层叠上下文，浏览器按背景、边框、内容、子元素顺序绘制，后写的元素默认在上层；定位元素通过z-index改变层叠顺序，opacity或mix-blend-mode可创建新层叠上下文；透明色如rgba会产生视觉混合，但受父级层级限制；合理使用z-index与伪元素可精准控制颜色呈现。
