-
hue-rotate()通过旋转色相环改变颜色，非直接加红；偏红需据原图主色调调整角度，黑白图无效，须先取消灰度；作用域需隔离图标元素；应将hue-rotate()置于filter链首位以防发灰；iOSSafari存在兼容性问题，需兜底方案。
-
单页应用通过HistoryAPI实现无刷新跳转，利用pushState、replaceState修改URL并监听popstate事件响应路由变化，摆脱hash依赖，结合服务端配置处理404和SEO，构建流畅用户体验。
-
掌握TailwindCSS中border和border-radius工具类可提升开发效率：1.使用border、方向类、宽度类、样式类和颜色类快速设置边框；2.利用rounded系列类控制圆角大小及方位；3.结合边框与圆角构建卡片、输入框、按钮等组件，并配合overflow-hidden实现内容裁剪。
-
纯HTML无法实现可运营的双十一页面，因其缺乏动态倒计时、库存更新、用户登录态、支付跳转等能力，必须配合JS、CSS及后端服务。
-
通过performance.mark()和measure()精准标记用户可感知的业务节点，配合PerformanceObserver自动上报，实现微秒级端到端耗时监控。
-
float元素不受z-index控制，因为其未创建层叠上下文且z-index仅对定位元素生效；必须添加position:relative等才能启用z-index。
-
JavaScript模块不是语法糖，而是需严格遵循export/import规则、在模块环境下执行的代码组织机制；默认脚本非模块，须通过type="module"或Node.js的"type":"module"启用，强制作用域隔离、显式依赖和静态路径。
-
HTML5无法真正加密脚本，动态加载仅能提高逆向门槛；基础方式为createElement或import()加载，Base64混淆易被绕过，AES+Blob方案仍受限于密钥安全，核心逻辑必须置于服务端。
-
contenteditable仅提供基础编辑能力，不支持格式控制、撤销、安全粘贴等高级功能，适合轻量场景；真富文本需用Slate/Lexical等底层自研方案。
-
border-radius生效但图片圆角不显示的主因是父容器未设overflow:hidden，导致图片溢出不被裁剪；其次需排查transform、will-change、object-fit:none及iOS渲染兼容性问题。
-
Tailwind受欢迎是因为它精准匹配前端开发节奏与协作现实：样式内联HTML、响应式前缀化、无命名冲突、删除页面即删样式、主题切换便捷、不强制UI但提供灵活原子类。
-
原生CSS响应式适配工作量大，因需手动写@media断点、测多设备参数、处理老浏览器flexfallback及iOSSafariviewportbug；Tailwind通过sm:、md:等前缀在构建时生成真实CSS规则，实现“声明即适配”；Bootstrap5以container-fluid和g-3等现代工具类提供开箱即用的栅格与间距方案；但字体、图片srcset、表单样式等细节仍需手动处理。
-
必须设置border-style才能显示边框，通过border-width、border-color和border-style可分别定义宽度、颜色和样式，或用简写属性border统一设置，如"border:2pxsolidblue"，也可单独设置某一边如border-top，四者结合CSS实现元素边框控制。
-
CSS中子代选择符“>”严格匹配直接子元素，空格为后代选择符会匹配任意层级；如ul>li只选一级子li，而ulli会选嵌套多层的li。
-
CSS新增的:has()伪类允许基于后代、兄弟或后续兄弟元素的状态反向影响祖先或前置元素样式，从而在纯CSS中实现传统上需JavaScript完成的“跨结构响应式样式控制”，如点击/悬停远端元素时改变非嵌套目标的外观。
