-
object-fit在IE全系及iOSSafari9–10.0中不支持或存在bug；仅对img、video等替换元素生效，不可作用于父容器；推荐用object-fit-imagespolyfill或background-image降级。
-
extends是ES6中基于原型链的类继承关键字，使子类继承父类实例方法、静态方法、getter/setter，并通过super()调用父构造器或父级方法，语法更清晰但本质仍是原型继承。
-
闭包是JavaScript作用域机制的自然结果：函数记住并持续访问其定义时的作用域变量；每次调用createCounter()都创建独立词法环境，使c1与c2的count互不干扰。
-
hover触发动画无反应的主因是动画未设时长/次数、缺animation-fill-mode:forwards，或inline元素位移异常；应改用inline-block/block容器、transform位移、硬件加速及媒体查询适配触摸设备。
-
内联样式通常拖慢渲染性能，因绕过CSS缓存与解析优化；仅极少数纯静态场景或微秒级样式应用略快，但不提升整体渲染。外部样式表仍是生产首选，支持缓存、复用、压缩及现代工作流。
-
本文详解如何在移动设备（屏幕宽度≤768px）上实现表格首列（如“Produto”）始终固定可见，其余列支持水平滚动，同时保持表头对齐与交互可用性。核心依赖position:sticky与精准的媒体查询控制。
-
本文介绍一种标准、非hacky的方案，通过监听mousedown和mouseup事件并比对event.target，准确判断用户是否在同一DOM元素上完成完整点击动作，从而避免子元素拖拽式误触发父元素点击。
-
/favicon.ico必须放在网站根目录，否则浏览器无条件请求时会失败并显示空白图标；HTML中需硬编码<link>标签，且多尺寸PNG和Apple图标应显式声明。
-
面包屑必须用<nav>包裹并配aria-label="Breadcrumb"，层级用<ol>而非<ul>，当前页用<span>无链接，分隔符用CSS生成，URL与结构严格对齐，并同步JSON-LDSchema标记。
-
action属性必须填后端实际接收请求的完整路径，如"/api/orders"；填错会导致404、405或CORS错误，且需与method属性配套使用。
-
JavaScript通过style.setProperty()和getComputedStyle().getPropertyValue()操作CSS自定义属性实现动态主题切换，推荐挂载于:root并配合class切换与localStorage持久化。
-
纯HTML无法实现真正可用的旅游攻略页，因其缺乏交互、动态数据加载和响应式适配能力，仅能生成静态、低效、不可维护的页面。
-
在VisualStudio中编写HTML需依次创建ASP.NETCoreEmpty项目、添加index.html文件、编辑保存内容、用浏览器预览，并可安装LiveServer扩展实现保存即刷新。
-
用canvas绘制光晕本质是高斯模糊+径向渐变叠加：先画白色圆形核心，再用createRadialGradient实现透明渐变，最后通过多次drawImage缩放或WebGL做高斯模糊，并以globalCompositeOperation='lighter'分层叠加主光斑、晕环、星芒等组件模拟光学过曝效果。
-
默认box-sizing为content-box时，width仅指内容区宽度，padding和border会额外增加尺寸；全局启用border-box需用、::before、*::after及html双重声明，但canvas等组件和第三方库可能需例外处理。
