准备前端面试时了解的知识点

摘要

学习前端时，遇到的一些疑问，记录一下，持续更新。以下链接都是理解时查找参考的资料。

待学习的面试题

web前端面试题合集及答案

准备前端面试时了解的知识点

常用那几种浏览器测试？有哪些内核?
五大主流浏览器及四大内核
内核（Rendering Engine/layout engineer )：浏览器采用的“渲染引擎”，负责解释网页语法（如HTML/JavaScript）并渲染网页，决定了浏览器如何显示网页内容和页面的格式信息，同一网页在不同的内核的浏览器里的渲染效果可能不同，所以我们才要在不同内核浏览器中测试网页显示效果。
五大浏览器：IE，Chrome，FireFox，Safari，Opera。
四大内核：Trident，Gecko，Presto，Webkit。
IE内核：Trident
Chrome内核：以前是Webkit，现在是Blink
Firefox内核：Gecko
Safari内核：Webkit
Opera内核：最初是Presto，后来是Webkit，现在是Blink

HTML中href和src的区别
href和src的区别
href和src的区别

<link href="style.css" rel="stylesheet" >
<script src="script.js">

href是引用，解析href时会会识别该文档为css文件，会下载，但不会停止对当前文档的处理。
src是引入，解析src时会下载指向的资源，知道资源加载，编译，执行完毕，才会继续处理其他资源。所以一般把js放文档底部。

href和@import的区别
href和@import的区别

两者都是外部引用CSS的方式，但是存在一定的区别：
区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。