第一次提问，请问link和@import的区别

来源：4-4 轮播图组件实现（上)

会游泳的兔子先森

2019-05-30

网上很多博客都是这样说的：link在页面加载的同时加载，而@import是在页面内容加载完成之后加载的

页面内容加载完成之后加载的？这句话不懂，求老师解答。页面内容只的是什么呢？dom tree渲染完？render树构建完？

写回答

1回答

ustbhuangyi

2019-05-30

@import 很古老的语法了吧，现在已经不推荐使用了，性能上也不如 link。2 者做的事情都是去加载 CSS 文件，不同的是 link 在性能表现上更好。
参考：https://stackoverflow.com/questions/1022695/difference-between-import-and-link-in-css
http://www.stevesouders.com/blog/2009/04/09/dont-use-import/
另外 link 和 @import 加载 CSS 都是会阻塞页面渲染的，因为它们是加载 CSS，页面渲染的前提是需要先构建 DOM 树和 CSSOM 树的。

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

回答 2

回答 2

回答 3

回答 1

回答 1