-
直接查看网页源码（Ctrl+U）获取原始HTML5文本，不含JS动态内容或服务端模板；可通过Network面板找独立HTML模板、GitHub搜索关键词、curl检查开头、wget下载静态站等方式辅助获取。
-
运行HTML文件可直接双击用浏览器打开，或使用VSCode的LiveServer插件实时预览，若需HTTP服务则可通过Node.js的http-server或Python的http.server模块启动本地服务器，在浏览器访问localhost地址查看效果。
-
AOP（面向切面编程）通过在不修改原函数的前提下插入前置或后置逻辑，实现日志、权限等横切关注点的解耦；JavaScript借助高阶函数、方法劫持、Proxy等方式可灵活实现before、after增强，提升代码复用与维护性。
-
:last-child更适合结构单一的场景，如纯li列表；:last-of-type更可靠于混排结构，能准确选中同类元素中最后一个。
-
最稳妥的做法是用rgba()或hsla()设置background-color实现背景半透明，避免使用opacity（会导致整个元素及子元素变透明）；现代浏览器均支持，可结合CSS自定义属性动态控制。
-
HTML5网页发布关键在于路径正确、服务可用、域名可达；GitHubPages需严格遵守仓库名和分支规则，Vercel/Netlify需配置路由回退，FTP部署须注意路径、大小写与权限，调试优先查Network面板。
-
纯HTML页面无法实现百度热榜，因其无网络请求能力；需Node.js代理中转绕过反爬与跨域限制，并处理数据嵌套、HTML实体解码及PC/移动端接口差异。
-
逻辑运算符短路是指JavaScript中||和&&在确定结果后停止执行后续表达式。||返回第一个真值，常用于设置默认值；&&返回第一个假值，可用于安全访问对象属性或条件执行函数，提升代码简洁性与安全性。
-
[attr]选择器仅匹配声明了指定属性的HTML元素，无论属性值是否存在或是否为空；它不检查值内容，与[attr=""]（要求值为空字符串）有本质区别，且属性名在HTML中不区分大小写，但建议统一用小写以保证兼容性和可维护性。
-
::after伪元素通过content属性在元素后插入装饰性内容，常用于添加图标、动画下划线、气泡三角等视觉效果，提升页面美观与可维护性。
-
SSE基于HTTP实现服务端向浏览器的单向实时推送，使用EventSourceAPI建立连接，服务端以text/event-stream格式持续发送数据，支持自动重连与自定义事件，适合通知类低频实时场景。
-
推荐将HTML结构与JS逻辑分离：index.html仅保留结构和挂载点，main.js单独编写并用script标签引入；务必通过LiveServer启动，确保DOM加载完成后再绑定事件，优先使用addEventListener而非内联onclick。
-
本文介绍因HTML结构不当导致的图像悬停抖动及热点区域（area）偏移问题，通过移除冗余换行符、统一容器布局与优化交互逻辑，彻底解决地图切换时的位置跳变与“hitbox”失效问题。
-
为什么BEM能减少样式冲突BEM（Block-Element-Modifier）不是魔法，它靠命名规则强行切断CSS选择器的隐式依赖。传统写法里.header.nava这种嵌套选择器，一旦组件挪位置、父级加类、甚至只是引入第三方UI库，就可能意外覆盖或被覆盖。BEM强制每个类名自包含：header__nav、header__nav-link、header__nav-link--active——没有层级假设，不依赖DOM结构，自然不怕嵌套变动或第三方干扰。怎么写才算合规的BEM类名三个部分必须严
-
transform-origin的默认值是50%50%，即元素盒模型的几何中心；若元素存在padding、border、裁剪或定位偏移，视觉中心与几何中心不一致，会导致旋转“歪了”。
