-
-
CSS图片上文字覆盖技巧
-
图片容器需设position:relative作为定位锚点，文字层用position:absolute配合top/left及z-index:1定位并置顶，背景用rgba而非opacity，响应式推荐百分比坐标与transform垂直居中。
-
文章 ·
前端
| 4星期前 |
406浏览
收藏
-
-
CSS隐藏内容不占空间的方法
-
是的，display:none让元素彻底退出渲染树，不占空间、不可见、不响应事件、子元素也消失；它不是隐藏而是“当作不存在”，但频繁切换可能因重建渲染树而卡顿。
-
文章 ·
前端
| 4星期前 |
198浏览
收藏
-
-
CSS浮动布局清理方案：伪元素清除浮动写法解析
-
现代项目不推荐clear:both，因其属打补丁式清理，破坏文档流、难应对嵌套浮动与响应式，且依赖DOM结构；应优先用display:flow-root、flex或grid等现代布局方案。
-
文章 ·
前端
| 4星期前 |
139浏览
收藏
-
-
浮动对响应式布局的影响分析
-
浮动影响响应式布局主要因破坏文档流导致父容器塌陷、小屏换行错乱，且依赖固定宽度难以自适应；需额外清除浮动，维护成本高。相比之下，Flexbox与Grid支持自动伸缩、对齐和二维布局，更适配响应式需求，推荐优先使用。
-
文章 ·
前端
| 4星期前 |
141浏览
收藏
-
-
-
CSS多列对齐：定位实现列宽与偏移计算
-
绝对定位多列不重叠需按内容最大宽度设列宽并加间隙，left用累计偏移计算，父容器须设height防塌陷，IE11避免混合单位calc()。
-
文章 ·
前端
| 4星期前 |
386浏览
收藏
-
-
-
JavaScript DOM操作：高效节点管理技巧
-
掌握高效DOM操作策略可显著提升前端性能。通过批量更新、DocumentFragment、事件委托、缓存节点引用、避免回流及使用现代API等方法，减少浏览器重排重绘，优化应用响应速度与用户体验。
-
文章 ·
前端
| 4星期前 |
204浏览
收藏
-
-
WebGL实现3D渲染与动画制作教程
-
掌握WebGL渲染流程需先获取canvas上下文，编写GLSL着色器，编译链接程序，传入顶点数据，调用绘制函数执行渲染；每帧清空画布、设置MVP矩阵、绑定资源并绘制，构成渲染循环。3D场景依赖模型、视图、投影变换，通过perspective和lookAt模拟摄像机，片元着色器计算光照提升真实感。动画依靠requestAnimationFrame驱动，逐帧更新物体状态如旋转角度，结合deltaTime保证时间一致性。尽管原生WebGL有助于理解图形管线，但实际开发推荐Three.js等高级库，可大幅简化场景
-
文章 ·
前端
| 4星期前 |
310浏览
收藏
-
-
required属性怎么生效_表单必填验证方法
-
required属性仅在原生表单提交时触发验证，不实时监听；对自定义组件无效；空格字符串视为已填写；JavaScript调用form.submit()会跳过验证；服务端必须二次校验。
-
文章 ·
前端
| 4星期前 |
438浏览
收藏
-
