-
数组移位与旋转本质是索引的循环映射：右移k位对应(i+k)%n，左移为(i−k+n)%n；常用三步翻转法原地实现，环状替换则依赖gcd(n,k)个环达到O(1)空间。
-
BEM通过扁平单类名选择器减少CSS匹配开销，避免后代选择器回溯，提升渲染性能；需严格遵循命名规范、合理使用Sass模块化和PostCSS配置，并以拆分CSSchunk优化体积。
-
核心是用max-height过渡（最稳妥）、transform:scaleY()缩放（无重排）或类名切换+getBoundingClientRect()动态计算高度（最灵活），三者均规避height:auto不可过渡、display:none中断动画等问题。
-
:last-child用于选中父元素的最后一个子元素，如li:last-child使最后一个li变红；常用于移除列表末尾边框或调整卡片样式，需注意仅当末尾元素匹配时才生效，支持IE9以上浏览器。
-
::after清除浮动失效的根本原因是伪元素默认display:inline，无法触发BFC且不撑高父容器；必须同时满足content非none（如""）和display为block/table/flex等块级显示值。
-
浏览器支持NotificationAPI需同时满足：Notification构造函数存在（typeofNotification!=='undefined'）且Notification.permission可读；Safari旧版、IE不支持，Edge18+、Chrome、Firefox、新版Safari支持。
-
暗黑模式需结合CSS变量与data-theme类控制，媒体查询仅作初始兜底；必须同步localStorage与HTMLclass，所有颜色须用语义化变量，避免硬编码。
-
background:rgba()不等于磨砂玻璃效果，因其仅实现半透明色块而无模糊；真磨砂需transparent背景+backdrop-filter:blur()，并确保背景固定、容器不遮挡、文字对比度达标且避开iOS硬件加速陷阱。
-
line-height是控制行距的唯一正确属性，应使用无单位数值；段落间距用margin-bottom；外边距折叠是规范行为；避免滥用p标签破坏语义。
-
JavaScript进制转换核心是parseInt（支持radix参数），parseFloat仅处理十进制浮点数且不支持进制；parseInt按radix解析开头有效数字，自动识别0x/0b/0o前缀，而parseFloat遇非法字符即停并返回NaN。
-
HWB颜色模式是CSSColorModuleLevel4引入的新特性，语法为hwb(色相白度黑度/透明度)，通过调节色相、添加白黑成分直观调色，语义清晰，适合设计柔和色彩，相比HSL更接近传统绘画调色方式，主流浏览器已逐步支持，推荐配合RGB等回退方案使用。
-
$grid-columns默认为12是兼顾整除性与实用性的折中选择：可被1、2、3、4、6、12整除，支持span3/4/6等常见等分；8栏无法三等分，24栏导致类名冗长、CSS膨胀。
-
HTML语义化不直接提升排名，但通过<header>、<main>、<article>等标签帮助搜索引擎精准识别内容结构与权重，从而影响排名；标题层级、图文语义组合及首屏静态语义完整性是关键。
-
SublimeText是HTML编辑器而非运行环境，双击HTML文件即可浏览器打开；需配置语法识别、Emmet补全、HTML-CSS-JSPrettify格式化及OpenInBrowser预览。
-
根本原因是盒模型解析顺序不同：负margin是否参与布局计算取决于box-sizing设置及父容器是否触发BFC，而非浏览器bug。
