-
hr默认样式跨浏览器不一致：IE用color设色，Firefox/Safari需background-color，Opera还需height；须同时设border:none、height:1px、color与background-color同值才能统一渲染。
-
@content是编译期单次展开的内容占位符，仅在@include后加大括号时注入，不支持变量、递归或字符串解析，必须严格遵循语法才能正确继承调用者作用域。
-
原生单选框无法直接设置border-radius或background-color，因浏览器对其样式强封装；需隐藏原生input（用opacity:0+position:absolute+pointer-events:none），再通过label::before/after绘制自定义样式，并确保HTML中input在label前且id/for匹配。
-
box-sizing:border-box可解决grid-template-columns因padding导致的错位问题，因其使width包含padding和border，确保25%或fr单位严格按可见宽度分配，避免溢出、换行或列宽不均。
-
在React中，自定义组件（如<AddTaskBtn/>）不会自动继承DOM事件监听能力；必须显式接收并透传onClick等事件处理函数到内部原生元素（如<button>），否则点击无响应、无报错、无日志。
-
HTML海报排版需用CSS控制视觉权重、留白与层级；应采用flex+aspect-ratio实现自适应比例容器，图文分层依赖z-index与position，响应式按场景而非分辨率断点，字体行高须手动锁定并显式声明中文字体栈。
-
scroll-snap-type需配合scroll-snap-align生效，父容器设scroll-snap-type:x/ymandatory并加overflow，子元素必须设scroll-snap-align:start/center等，且图片尺寸须固定，否则吸附错乱。
-
scrollbar-color和scrollbar-width是唯二支持CSS自定义变量的标准化滚动条属性，Firefox全支持，Chrome/Edgev120+起支持；需作用于可滚动容器本身，不继承、不响应::-webkit-scrollbar。
-
Node.js中选择子进程方法需根据场景权衡：spawn适合长时间运行、大输出任务，安全性高；exec适用于简单命令，但有缓冲区限制和安全风险；execFile直接执行文件，更安全但仍有缓冲限制；fork专用于Node.js进程间通信，支持IPC消息传递。性能上spawn最优，安全性spawn和execFile优于exec；fork适合多进程架构。输入输出通过流处理，错误需监听error、close事件，生命周期可用kill、timeout管理，IPC通信应避免大数据传输并处理优雅关闭。
-
呼吸感动画本质是用cubic-bezier(0.25,0.1,0.25,1.0)控制scale与translateY同步变化，通过压扁→拉伸的形变反馈模拟自然节奏，需注意iOSSafari对贝塞尔y值限于[0,1]及keyframes内不可设timing-function。
-
HTMLHint专用于纯HTML静态分析，能检测doctype位置、标签配对、alt属性缺失、ID唯一性等ESLint及其插件无法覆盖的HTML专属问题。
-
浏览器无法直接运行PHP文件，因为PHP需服务器端解析。必须通过XAMPP等本地服务器环境，将PHP文件放入htdocs目录，再通过http://localhost访问，才能查看执行结果。
-
用CSS变量+clamp()+border-radius组合才能真正统一平滑控制响应式卡片圆角；硬写像素或仅用Bootstrap类易致小屏露白边、大屏显生硬。
-
虚拟滚动处理不固定高度列表的核心是动态测量+高度缓存+位置映射；通过元素测量首次获取真实高度并存入Map，构建前缀和数组offsets实现O(1)偏移计算，结合二分搜索确定可视范围，并用ResizeObserver监听动态变化、节流更新缓存与offsets。
-
作用域插槽是Vue中父组件在使用子组件插槽时能访问子组件内部数据的机制，子组件通过v-slot暴露作用域对象，父组件可解构使用其字段，作用域仅限插槽内且不污染父组件。
