一.页面导入样式,使用link和@import有什么区别
链接式和导入式有什么区别(链接式,导入式,内嵌式,行内)
1.从属关系:link是html标签,@import是css提供的.
2.加载差异:页面加载时,link会同时加载;而@import会在html结构完成后加载.
3.兼容性:link(是标签)没有兼容问题,@import不兼容ie5以下的浏览器.
4.可操作性:link可以通过js操作dom(盗墓 文档对象模型)插入link标签改变样式,而@import不能
二.script,link,import,@import的使用场景
1.script,link是html标签,script可以引入js,即可调用引入js里面的方法,link标签可以引入css样式图片<link rel="icon" href="/favicon.ico" />
等等
2.import是tp语法,可以引入js也可引入css。import引入js方法的时候可以导出方法
如下:
默认导出对象
export default 对象
import 对象 from '此对象目录地址';
导出文件,解析文件对象
i.
export function(){
}
import {
对象} from '此对象目录地址';
ii.
export function(){
}
import * as 对象 from "此对象目录地址";
3.import在js中引入css。如:import ‘animate.css’;
4.@import在css中引入css。如:@import ‘/animate.css’;