-
Bootstrap和Tailwind等CSS框架通过预设类快速实现卡片阴影与圆角，如Bootstrap的.shadow和.rounded-3，Tailwind的shadow-lg和rounded-xl，结合p-4、bg-white等类构建完整样式，提升开发效率。
-
无法自动感知最后一个引用消失，需手动引用计数+显式release清理，WeakRef与FinalizationRegistry仅作尽力而为的兜底提示。
-
CSS.registerProperty使CSS知晓自定义属性为可动画数值并支持插值，从而让JS驱动的物理动画（如弹簧、惯性）能与CSS变量联动并享受GPU加速渲染。
-
HTML代码不运行的主要原因是script标签使用不当、外部路径错误、动态插入脚本未执行或本地文件协议限制。1.确保JavaScript代码包裹在正确拼写的<script>标签中；2.检查外部JS文件路径是否准确，避免404错误；3.动态插入时需创建script元素并添加到DOM，而非依赖innerHTML；4.避免直接通过file://打开文件，应使用本地服务器环境运行项目。配合F12开发者工具可快速定位问题。
-
JSON.parse(JSON.stringify())不是真正深拷贝：会丢失函数/undefined/Symbol、抹平原型链与特殊对象（如Date变字符串、RegExp变{}）、循环引用直接报错，且不支持BigInt、NaN/Infinity转null等。
-
audio标签需加controls才显示控件，仅src属性会导致静默加载；必须用<source>提供mp3+ogg双格式并声明type；autoplay须配合muted才生效；原生控件不可CSS定制，需JS自定义。
-
答案是使用VSCode编写HTML后通过浏览器预览，推荐安装LiveServer插件实现自动刷新。首先在VSCode中创建并保存.html文件，然后直接双击文件用浏览器打开，或右键选择“OpenwithLiveServer”启动本地服务器实时预览，修改代码保存后页面自动更新，无需复杂配置。
-
在angular.json的styles数组中引入的CSS文件全局生效，注入<head>，优先级高于组件样式，但不影响innerHTML渲染内容和ShadowDOM组件。
-
大型网站必须拆分HTML文件：纯静态MPA需按模块拆为多页并统一管理公共结构；SPA则用index.html作壳，由React/Vue等框架接管路由与渲染。
-
GitHubPages、Vercel、Netlify托管静态HTML项目时，核心要点是：用相对路径引用资源，确保index.html命名准确且大小写敏感，避免绝对路径；GitHubPages要求仓库公开、默认支持根目录或/docs；Vercel需检查BuildOutputDirectory并慎用SPAfallback；Netlify需配置_redirects文件支持多页访问；所有平台均需通过浏览器Network面板验证资源请求路径是否正确。
-
<p>HTML5不支持用<!---->记录错误日志，该注释仅静态存在、浏览器忽略、服务端不可见、JS无法读取，真需错误记录应使用console.error()配合监控SDK或事件监听上报。</p>
-
Permissions-Policy（原FeaturePolicy）是声明式策略，通过HTTP响应头或iframe的allow属性在资源加载前限制API访问；allow属性仅作用于该iframe及其子上下文，权限需显式指定来源并用分号分隔，空格分隔已废弃，且不控制父页面行为。
-
应主动终止跳转前pending的AJAX请求：fetch用AbortController.abort()，XMLHttpRequest调用xhr.abort()；跳转后勿发请求，改由目标页自行加载；beforeunload中禁用异步操作，改用sendBeacon上报；SPA中需在组件卸载时清理请求。
-
不能只用Set实现最近搜索历史，因其无法动态调整顺序；需组合Set（O(1)去重）与数组（维护时序）或Map（内置有序，更简洁）。
-
CSS渐变背景流动感通过background-position配合@keyframes实现，核心是偏移渐变起始位置而非改色；需用background-size放大渐变画布并精准匹配background-position位移范围，多层叠加可增强真实感。
