-
递归函数是函数调用自身，必须包含基础情况（终止条件）和递归情况（缩小问题规模）；如阶乘中0!=1为basecase，n*factorial(n-1)为recursivecase；遍历树结构时以无children为空为basecase。
-
应根据适配维度选择：需按设备像素比（如Retina屏切2x图）用x描述符；需按图片在页面中的渲染宽度（如不同断点下占300px/768px）则必须用w描述符并配sizes属性。
-
absolute定位不能直接覆盖目标元素，因它默认相对于最近已定位祖先定位；若父容器未设position:relative，坐标原点会错位到body或html，导致偏移异常。
-
box-shadow参数顺序为水平偏移、垂直偏移、模糊半径、扩散半径（可选）、颜色；多层需逗号分隔于同一声明；伪元素承载更稳妥；推荐rgba()控透明度。
-
父容器高度塌陷是float设计机制所致，解决关键是让父容器重新感知子元素尺寸：现代推荐display:flow-root触发BFC，兼容老浏览器用.clearfix::after伪元素，慎用overflow:hidden；clear应加在需换行的后续兄弟元素上，非浮动元素自身；长期应优先采用flex或grid布局替代float。
-
树形展示必须用JavaScript控制展开逻辑，纯HTML的ul/li无法实现交互式折叠；details/summary仅适用于单层简单场景；真实项目应采用轻量JS+CSS类名驱动，并完善键盘导航与无障碍支持。
-
最稳妥做法是使用<asidearia-label="该话题已于2024年6月15日关闭讨论"><p>已关闭讨论<timedatetime="2024-06-15">2024年6月15日</time></p></aside>，语义清晰、屏幕阅读器友好且利于SEO。
-
纯HTML无法生成可复用短链接，因其无存储、无服务端逻辑、无状态保持；所谓“HTML短链”实为前端界面配合localStorage或外部API的简易方案，仅限单机离线使用。
-
Grid布局元素视觉错乱的本质是未在CSS中明确控制排列而依赖HTML源顺序；用grid-template-areas通过命名区域定义“平面布局图”，配合grid-area指定位置，可读性强、易维护且天然支持响应式重排。
-
CSS动画需同时满足animation-name、匹配的@keyframes及animation-duration非0才触发；单位选s或ms依场景而定；duration影响节奏感知，需协同timing-function调整；JS动态修改需确保动画已挂载。
-
后代选择器通过空格分隔选择器，选中嵌套在父元素内的任意层级子元素，如divp{color:blue}会匹配div内所有p元素，常用于限定容器内样式；需避免过度嵌套，推荐结合类名简化，且区别于仅选直接子元素的子选择器（>），掌握它可精准控制局部样式。
-
本文介绍如何在TypeScript中通过静态属性访问器（staticget）和泛型工厂模式，使父类无需硬编码即可动态获取子类的静态配置（如singularName/pluralName），消除重复逻辑，兼顾运行时健壮性与编译时类型检查。
-
VueRouter的通配符路由无法捕获已匹配动态路径（如/movie/a615656）的404场景，因其仍满足/movie/:id模式；真正有效的404处理需结合路由守卫、服务端响应校验与错误重定向三重机制。
-
用transform:translateX()配合transition实现侧边栏滑动展开，需设position:fixed、初始translateX(-100%)、展开时translateX(0)，并添加transition:transform0.3sease和will-change:transform提升性能，避免重排与闪烁。
-
ruby必须与rt、rb成对嵌套使用，缺一不可；正确结构为<ruby><rb>字</rb><rt>音</rt><rp>(</rp><rp>)</rp></ruby>，rp保障降级兼容，CSS仅能调节字体大小与行高。
