美文网首页饥人谷技术博客
读《不要使用@import》

读《不要使用@import》

作者: 吴晗君 | 来源:发表于2016-11-27 22:39 被阅读52次

原文地址
ie测试环境为ie678

测试结果

  1. 要将@import放到样式代码的最前面,否则它将会不起作用。
  2. 在IE中link混合@import 会破坏并行下载css
  3. LINK 嵌套@import时所有浏览器都会阻止并行加载代码
  4. link+link中包含@import情况下,ie中link会阻断@import的并行,其他浏览器不会。
  5. 多个import.在IE中使用@import会引起资源被按照一个不同于预期的顺序下载
  6. 使用LINK确保在所有的浏览器里面都能并行下载

总结:

  • @import对ie很不友好,部分情况对其他浏览器也会阻断并行。(页面总体加载时间增加)
  • 在ie中会打乱加载顺序,js文件可能会被提前加载形成阻塞,这样会更加慢。更严重的是如果脚本中包含的代码以来从样式表文件中应用的样式(比如getElementsByClassName),那么就将可能会发生意外的结果。
    要注意的less点

相关文章

  • 读《不要使用@import》

    原文地址ie测试环境为ie678 测试结果 要将@import放到样式代码的最前面,否则它将会不起作用。 在IE中...

  • iOS编码规范汇总

    CodeReview 代码评审 1.全部MVVM模式 2.能使用 @class 在.h ,不要 #import ...

  • Java 编码规范(精简版)

    Java 编码规范(精简版) [TOC] import语句 不要使用通配符 不要换行 顺序和间距所有静态导入独立成...

  • @import与#import的使用

    如果你要使用MapKit这个框架,你要这样做 使用语句 #import 导入框架 去到项目的build pha...

  • vue 懒加载

    不要使用require引入组件还是有一定的问题 使用import('/')这样引入 否则会js报错 语法冲突

  • PEP8 编码规范, 及开发中的一些惯例和建议

    练习: 规范化这段代码 规范后的代码 代码规范注意的细节 1.import导包不要使用import *2.导包顺序...

  • golang import详解

    import 机制 sugar 使用规范 不要使用相对路径引入包(以GOPATH/src作为根目录) 引入包顺序遵...

  • 为什么不建议使用@import引入css

    为什么不建议使用@import引入css 不建议使用@import主要有以下两点原因: 原因一、使用@import...

  • Flutter JSON序列化

    1、使用model和不使用model import'dart:convert'; import'dart:io';...

  • web服务器2

    1.使用类 import socket import re from multiprocessing import...

网友评论

    本文标题:读《不要使用@import》

    本文链接:https://www.haomeiwen.com/subject/zeinpttx.html