-
-
CSS加载Google字体方法及应用技巧
-
推荐使用link标签引入GoogleFonts,如Roboto和OpenSans,并通过CSS调用;也可在CSS中用@import方式引入,但性能较差;支持按需加载特定字重如wght@400;700以优化速度;建议设置&display=swap避免文字空白,提升加载体验。
-
文章 ·
前端
| 3星期前 |
373浏览
收藏
-
-
JS Map与Set为何更高效?四种集合对比教程
-
Map和Set在动态键、任意类型键值、频繁增删、去重等场景下比Object和Array更高效,因底层哈希优化、严格插入顺序、O(1)查找及类型安全相等判断;WeakMap/WeakSet仅适用于弱引用元数据场景。
-
文章 ·
前端
| 3星期前 |
373浏览
收藏
-
-
浮动何时使用?文本环绕图片首选浮动
-
浮动仅适用于图文环绕,其他布局应优先使用flexbox或grid;父容器塌陷可通过display:flow-root触发BFC解决;现代项目除需兼容IE9及以下外无需用float。
-
文章 ·
前端
| 2星期前 |
373浏览
收藏
-
-
SVG精灵图与字体库使用教程
-
SVG精灵图应内联HTML并用构建工具自动生成symbol,统一viewBox和ID;禁用CSSbackground-image引用外部SVG;图标字体因渲染问题和兼容性差不推荐;CDN引入需锁定完整版本号;SVG响应式需正确设置width/height、viewBox及CSSmax-width:100%。
-
文章 ·
前端
| 2星期前 |
373浏览
收藏
-
-
立即执行函数在旧版浏览器插件中的使用技巧
-
IIFE在旧版浏览器插件中主要用于避免全局污染、封装私有作用域和确保代码立即执行,尤其在无模块系统环境中关键;它解决变量冲突、兼容老旧引擎、适配DOM就绪时机,并安全暴露插件接口。
-
文章 ·
前端
| 2星期前 |
373浏览
收藏
-
-