前端技术文章
-
- Less中自动选择文字颜色技巧
- contrast()仅在Less编译期根据背景色luma静态计算文字色,不支持运行时动态变色;其@threshold是luma分界点(非亮度阈值),合理范围为30%–45%,且需配合lighten()/darken()微调以提升可读性与舒适度。
- 文章 · 前端 | 2个月前 | 375浏览 收藏
-
- 表单实时校验结构与反馈设计详解
- input事件是最适合作为实时校验触发点的方案,它在每次输入(含粘贴、删除、中文上屏)时触发,兼顾实时性与体验,且需避开keyup陷阱、合理使用CSS类名控制反馈、区分异步校验状态、保留focus/blur以支持无障碍。
- 文章 · 前端 | 2个月前 | 168浏览 收藏
-
- HTML中如何用Page Visibility API节省资源
- visibilitychange事件需主动监听并兼容旧浏览器,页面隐藏时应手动清理setInterval、requestAnimationFrame等,恢复时需防重复启动。
- 文章 · 前端 | 2个月前 | 363浏览 收藏
-
- HTML元素两端对齐方法详解
- 用justify-content:space-between实现两端对齐最常用可靠,需父容器display:flex且子元素不设flex:1或100%宽;text-align-last:justify配合text-align:justify可实现单行文字两端对齐;避免用float或absolute模拟,grid中使用需注意轨道定义。
- 文章 · 前端 | 2个月前 | 129浏览 收藏
