前端开发
最新文章
八位Hex（ RRGGBBAA）仅在支持CSS颜色4的现代浏览器中可用，兼容IE等旧版时会被丢弃。rgba()兼容性更广，是更稳妥的选择。注意：opacity影响整个元素及其子元素，而颜色的alpha通道仅作用于该颜色自身。
响应式图片设计中，仅用img标签无法适配高分辨率屏幕。必须结合srcset指定1x、2x等不同密度图像源并包含src兜底。常见错误：媒体查询格式错误、缺失src或MIME类型不符。正确写法需按顺序排列倍率图并严格匹配属性，否则高分辨率设备静默回退至默认图像。
Bootstrap5输入框聚焦蓝色阴影由box-shadow控制，直接修改$primary变量无效。正确做法是重设--bs-form-control-focus-box-shadow变量或使用!important覆盖选择器。此外，:valid :invalid验证状态有独立阴影规则，需额外覆盖。
利用闭包特性创建工厂函数，每次调用生成独立作用域，实现状态瞬时隔离。通过深拷贝返回快照、单一入口更新状态确保读写安全。结合订阅回调驱动UI更新，无需框架。代码简洁，零依赖，兼容旧环境，适合纯静态页面轻量级状态管理。
使用uView的CountDown组件，结合服务端毫秒级结束时间戳驱动倒计时。每次UI更新前重算Math max(0,Math floor((endTimestamp-Date now()) 1000))，刷新频率设为300ms，避免累减逻辑。配置状态同步防重复点击，并在iOS切后台时重算时间戳，鸿蒙避免使用performance now()。
现代浏览器中meta标签的pragma与cache-control已失效，缓存控制必须通过HTTP响应头实现。服务端响应头具有绝对优先权，且bfcache可能绕过缓存控制，需结合pageshow事件处理。验证缓存策略应以DevTools响应头为准，忽略meta标签。注意服务端响应头优先于任何客户端设置，确保正确配置。
在Less中计算多列宽度应使用`percentage(1 @n)`而非除法以避免编译错误；间隙参与运算需用`unit()`统一单位；响应式断点内必须重算列宽；`calc()`无法动态计算，建议使用转义语法或改用CSS网格布局。
视频弹幕层需在外层容器设position:relative定位，容器宽高与视频一致。弹幕层必须加pointer-events:none避免遮挡视频控件。动画使用transform+transition替代left操作，避免卡顿。轨道防重叠需通过JavaScript动态计算空闲轨道并控制行数，同时及时清理屏幕外DOM防止内存泄漏。
嵌套可拖拽元素时，子元素拖拽会连带激活父容器，因dragstart事件冒泡。正确做法是在子元素的dragstart处理函数中调用stopPropagation()阻止事件传播，父容器无需修改。此外，draggable属性仅加于需拖拽元素，视觉反馈区分层级，移动端需另做适配。
表单方法属性仅对类型为submit或image的按钮控件生效，其他类型无效。其值仅支持get与post两种，且严格区分大小写。此属性必须与表单动作属性配合使用，否则只改变请求方法而不修改提交地址。此外，它仅影响浏览器原生提交，通过JavaScript手动提交表单时完全无效。
使用书写模式CSS属性可实现文字竖排，推荐垂直从右向左配合文本方向混合和方向从右向左。竖排后文本对齐方向改变需同步调整。现代浏览器支持良好，但IE不支持。需重新理解内边距、行高等样式在竖排中的表现。
Canvas图形变换中，setTransform直接设定参数并清空历史状态，避免累积误差；利用数学公式可一步实现绕任意点旋转缩放；需配合save restore保存与恢复状态，防止污染后续绘图。
undefined是引擎自动赋予的未初始化默认值，null是开发者主动清空的明确空值。二者语义、来源、类型及比较行为不同。开发中应按意图区分：undefined用于系统未触及状态，null用于主动干预表达“此处已清空”。
隐藏文字是否构成SEO作弊？这需要具体问题具体分析。核心判断标准在于：如果隐藏文字的意图是欺骗搜索引擎而非为用户提供价值，那么它就属于SEO作弊行为。Google的Search Essentials明确将“向用户展示的内容与向搜索引擎展示的内容不一致”列为违规项，典型手法包括display: non
你是否曾遇到这样的情况：为一个造型别致的工具提示框或者含有伪元素的图标添加阴影时，最终呈现的却是一个方方正正的黑色矩形？按理说阴影应紧密贴合不规则轮廓，为何会变回规整的方形？ 问题的根源在于drop-shadow的工作原理——它依据的是元素的Alpha通道（即透明度轮廓边缘），而非盒模型定义的矩形边