前端技术文章
-
-
CSSfixed背景固定设置方法
-
background-attachment:fixed在现代桌面浏览器中虽能工作，但常因祖先元素的transform/opacity/filter创建新层叠上下文而退化为relative锚定，且iOSSafari等完全不支持，推荐用position:fixed独立div或伪元素模拟以确保兼容性。
-
文章 ·
前端
| 2个月前 |
318浏览
收藏
-
-
HTML插入视频方法与格式支持教程
-
用<video>标签插入本地视频需确保路径正确、格式兼容（优先H.264+AAC的MP4）、添加controls属性，并用<source>多格式回退（MP4在前、WebM在后），同时注意file://协议限制、移动端静音要求及浏览器编码支持差异。
-
文章 ·
前端
| 2个月前 |
318浏览
收藏
-
-
CSS如何设置active颜色样式
-
:active伪类用于定义元素被激活时的样式。当用户点击并按住按钮或链接时，触发该状态，常用于改变背景色或文字颜色以增强交互反馈。例如按钮点击时背景变深，松开即恢复；链接可设置点击瞬间变为红色。此效果仅在按下时生效，释放后消失，适合提供瞬时视觉响应。需注意其短暂性，不适用于持久状态切换，应配合JavaScript实现选中等长期效果。在移动端可能响应迟缓，建议结合:hover或触摸事件优化。同时要确保与:focus、:hover等状态协调，避免样式冲突。合理运用:active能有效提升界面响应感和用户体验。
-
文章 ·
前端
| 2个月前 |
318浏览
收藏
-
-
图片卡片网格布局与动态洗牌实现方法
-
本文详解如何正确初始化图片卡片数组、动态生成网格视图，并通过按钮触发随机洗牌与重新渲染，重点解决元素获取失败、无限递归调用、图片路径未绑定及重复渲染等常见问题。
-
文章 ·
前端
| 2个月前 |
317浏览
收藏
-
-
-
Less实现文本溢出省略号，单行多行截断Mixin封装
-
单行省略必须同时满足white-space:nowrap、overflow:hidden、text-overflow:ellipsis且容器有明确宽度；多行省略在Less中依赖-webkit-line-clamp组合四属性（display:-webkit-box、-webkit-box-orient:vertical、-webkit-line-clamp、overflow:hidden），缺一不可，且受限于WebKit/Blink内核，Firefox等仅能降级为max-height+hidden。
-
文章 ·
前端
| 2个月前 |
317浏览
收藏
-
-
HTML设置背景技巧详解
-
现代HTML页面背景必须用CSS控制，禁用过时的bgcolor属性；纯色用background-color，图片背景需设置background-size、position和repeat，多背景用background复合属性按从后往前顺序声明，响应式需结合媒体查询与性能优化。
-
文章 ·
前端
| 2个月前 |
317浏览
收藏
-
