-
transition-delay不继承，必须逐级显式设置；需用后代选择器配合CSS变量统一管理，并结合opacity/visibility实现平滑过渡，避免display切换中断动画。
-
auto在grid中等价于min-content而非弹性值；实现自适应列宽应使用minmax(min-content,1fr)，而非minmax(auto,1fr)或单独auto。
-
闭包不能实现动态上下文自愈或跨环境执行，仅作为轻量封装工具参与；它可封装环境检测结果、绑定上下文快照、隔离校验逻辑，支撑可观测性驱动的决策层。
-
高性能栈应采用预分配数组+整型栈顶索引实现，push/pop均为O(1)原子操作，避免动态分配、装箱和分支预测失败，注重缓存友好与硬件对齐。
-
@layer能压制!important是因其引入了独立于选择器权重和!important的新层叠维度，浏览器按“层顺序→层内规则顺序→选择器权重”逐级计算，后声明的层内样式自然覆盖先声明层中的!important规则。
-
原生<inputtype="date">宽度无法直接用width:100%撑开，因浏览器为其设定了默认min-width（如Chrome约130px），需显式设置min-width:0和box-sizing:border-box才能生效；Flex布局中同样需min-width:0配合flex:1；Safari兼容性最差，建议优先考虑自定义方案。
-
仅写appearance:none无法清除iOS输入框内阴影，必须搭配-webkit-appearance:none和background-color:transparent、border:1pxsolidtransparent、outline:none、padding与line-height显式设置这4+关键项，否则阴影照旧。
-
图片懒加载与预加载结合可显著提升网页性能。1.懒加载通过IntersectionObserverAPI延迟加载视窗外图片，减少初始请求；2.预加载在空闲或用户操作前提前加载关键资源；3.首屏直接加载、非首屏懒加载并配合占位图与尺寸设置优化体验。
-
JavaScript中不存在“ModuleFragments”特性，也无相关标准提案；正确做法是使用ES模块的命名导出组织逻辑块，或按职责拆分为细粒度文件以实现解耦、TreeShaking和可维护性。
-
兼容旧浏览器主要通过使用polyfill和降级策略实现，其核心是渐进增强与优雅降级理念；2.Polyfill通过JavaScript模拟新特性，填补旧浏览器缺失的API，如html5shiv让IE识别HTML5标签，而转译（如Babel）则是将ES6+语法转换为ES5；3.两者区别在于polyfill解决运行时API缺失，转译解决语法兼容性，现代开发常结合使用Babel和core-js；4.使用polyfill可能带来性能问题，包括文件体积、执行开销和内存占用，可通过按需加载、CDN加速、缓存、压缩和延迟
-
aria-valuetext是aria-valuenow的补充性文本描述，用于提升无障碍体验。当数值本身不足以传达含义时，它提供更直观的文本解释。正确使用时需与aria-valuemin、aria-valuemax等属性配合，并保持与视觉状态一致。错误使用如冗余、误导、遗漏信息等会损害用户体验。适用场景包括滑块、进度条、评分组件、颜色选择器、数字输入框及复杂表单状态等。
-
index.html是服务器默认查找的首页文件名，因其被预设在欢迎文件列表首位；Home.html等自定义文件名需手动配置服务器（如Nginx、Apache、Tomcat）的欢迎文件列表或重写规则才能作为首页生效。
-
结论：resources/css/app.css是源码，必须经npmrunbuild（Vite）或npmrunprod（Mix）编译至public/下，再通过@vite或mix()引入；直接asset('css/app.css')必404，因Laravel不自动编译或复制源码文件。
-
CSS中的hue-rotate通过filter属性调整元素颜色色调，语法为hue-rotate(angle)，角度范围0deg到360deg，实现色轮旋转效果，如90deg偏黄绿、180deg反色、360deg复原；常用于夜间模式、悬停动画或主题切换，可与saturate等滤镜组合使用，但对黑白灰及透明区域影响小，且作用于整个元素渲染层。
-
媒体查询重写grid-template-columns没反应，大概率是选择器优先级不足或断点条件错误（如缺单位、漏括号），必须用相同或更高优先级的选择器完整重声明，且需确认viewport标签和gap叠加问题。
