zhangyaochun
- 浏览: 2621697 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
写css规范的文档的时候，很多人都会推荐css文件的引入方式尽量采用：<link>标签的方式，而不是@import的方式。
今天我们来简单地看看他们的差异到底在哪方面：
1、link属于html标签，@import是css提供的一种方式，当前link标签能做的不仅是导入css文件的功能
2、dom操作样式的时候控制不了@import
3、加载顺序上：@import的导入文件需要在页面全部被加载完成后才进行加载
link标签引入的文件在页面加载的时候同时进行载入
2
顶
顶
0
踩
踩
分享到：
发表评论
-
css 面试题画三角
2017-02-27 16:12 1165如何画三角？ .test{ wid ... -
css 基础之 em 与 rem
2017-02-27 14:03 980em 和 rem 都是相对单位，由浏览器转换为 ... -
css之counter-increment
2014-03-31 18:40 1253CSS 之 counter-increment ... -
css基础之clip属性
2014-03-06 22:03 1123本文介绍一下css的clip属性： ... -
css之initial
2013-11-02 21:04 1145本文来自：https://developer. ... -
position为relative的限制
2013-10-25 15:39 1406本文主要来自：http://www.pl ... -
Function与Object
2013-10-21 16:20 1313先看一段代码： Function in ... -
关于html的压缩
2013-07-19 20:49 1418本文简单记录关于html压缩相关的问题： ... -
再谈面试题系列
2013-06-18 11:18 1321收录一个不错的case： {}.t ... -
面试题系列之不一样的P
2013-05-08 16:13 1312以下代码： <html> ... -
又是null
2013-04-25 11:46 0null > 0 ... -
取最大最小值
2013-04-12 16:17 0http://www.cnblogs.com/ ... -
判断鼠标移入的方向
2013-04-12 14:36 0本文主要来自：http://www.cnbl ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1636mouseover与mouseenter的区 ... -
css opacity属性
2013-04-10 17:12 0内容参考：http://www.dreamd ... -
坑爹的逗号运算符
2013-03-29 17:58 1739先来看一个小题： //返回多少？ x ... -
css基础之text-decoration
2013-02-26 16:19 1427前言： 先看一个app的效 ... -
一些不好的写法汇总
2013-02-19 14:29 1161下面是一种比较多余的“高级”写法： / ... -
前端面试题系列之length
2013-01-29 11:43 1231举出含有length属性的对象？ window ... -
关于function的length
2013-01-21 12:12 1387问题：Function对象的length是干嘛的？ ...
相关推荐
11. link 和 @import 的区别是：link 是 XHTML 标签，@import 是 CSS 提供的，link 会同时被加载，而 @import 引用的 CSS 会等到页面被加载完再加载。 12. HTML5 新特性包括：canvas、video、audio、localStorage、...
以下是根据给定文件内容整理出的前端面试题知识点： 1. 浏览器兼容性测试与内核：了解不同浏览器及其内核对于前端开发非常关键，例如Chrome和Safari主要使用WebKit内核，而Firefox使用Gecko内核，IE浏览器则使用...
3. `<link>`与`@import`的区别： - `<link>`是HTML标签，加载时与HTML文件同时下载，支持浏览器缓存，可实现样式预加载。 - `@import`是CSS语法，CSS文件加载完后才会加载导入的样式，可能导致延迟。 4. `<pre>`...
`<link>`和`@import`都可以用来导入CSS文件，但`<link>`在页面加载时同步导入，而`@import`是作为CSS规则的一部分，只有在该样式表被加载和解析后才执行，因此`@import`可能会导致页面加载延迟。 `display: none;`...
通过这些知识点的整理，可以看出前端面试题通常要求面试者具备扎实的基础知识、理解页面设计原则、熟悉前端开发工具及标准，并能够解决实际开发过程中遇到的问题。掌握这些知识点对于前端工程师来说至关重要。
经典 Web 前端面试题 本文将对经典 Web 前端面试题进行详细的解释和总结，从 HTML 的基本结构到 CSS 的样式规则、选择器和优先级等方面对知识点进行了详细的讲解。 HTML 基本结构 HTML 的基本结构包括 `<html>`、...
2021年前端面试题汇总 本资源汇总了前端开发中常见的面试题，涵盖了HTML、CSS、JavaScript、Vue等领域，旨在帮助开发者更好地准备面试。下面是本资源中的一些重要知识点： 一、HTML与CSS基础知识 1. 页面导入样式...
### BAT前端面试题知识点详解 #### 一、Doctype作用及模式区分 1. **Doctype的作用**： - Doctype声明通常位于HTML文档的最前面，在`<html>`标签之前，用来告知浏览器的解析器应该用何种文档类型规范来解析此文档...
2019年前端工程师面试题题及答案总结 面向前端开发工程师的面试题总结，涵盖了JavaScript、HTML、CSS等多方面的知识点。 1. 要动态改变层中内容可以使用的方法有（AB ） * innerHTML：用于设置或获取元素的内容 ...
链接外部样式表时，可以使用link标签或@import语句，两者的主要区别在于link可以同时加载，而@import在页面加载完毕后才能加载，且存在兼容性问题。 HTML5历史状态管理API包括pushState、replaceState和popstate...
### Web前端面试题知识点解析 #### 一、HTML和CSS **1. 你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么?** - **浏览器**: 测试过的浏览器通常包括Chrome、Firefox、Safari、Edge以及IE等。 - **内核*...
### 2024前端面试八股文精要解析 #### CSS部分 1. **display的block、inline和inline-block的区别** - **block**：此类元素会独占一行，这意味着在同一行上不能存在其他的block元素。block元素可以设置宽度（`...
3. **link与@import的区别**：`<link>`是HTML标签，用于外部资源的链接，如CSS文件，同时加载。而`@import`是CSS中的导入规则，它会在页面加载完成后加载CSS，且IE5以上才支持。`<link>`的优先级高于`@import`。 4....
### Java前端面试题详解 #### 一、对HTML5的理解 HTML5不仅仅是一个新的HTML版本，它是前端开发领域的一次重大革新。它包含了多种新技术，例如HTML5本身的增强功能、CSS3、JavaScript的新特性（如ES6）、以及一...
- link标签用于定义文档与外部资源之间的关系，@import是CSS提供的导入样式表的语法。 2. 浏览器相关知识 - 浏览器是用于显示网页的软件程序，内部通过浏览器内核进行渲染。 - 浏览器内核包括Webkit、Blink、...
Link 和 @import 的区别 * Link 属于 HTML 标签，而 @import 是 CSS 提供的 * Page 加载时，Link 会同时被加载，而 @import 引用的 CSS 会等到页面加载完再加载 * Import 只在 IE5 以上才能识别，而 Link 是 HTML ...
大厂阿里字节百度前端校招面试题大全.pdf 本资源是一个前端校招面试题大全，涵盖了腾讯、字节跳动、百度、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目。以下是从该资源中提取...