前端面试每日3+2(第7天)

当你发现自己的才华撑不起你的野心时，就请安静下来学习吧！

鲁迅说过：答案仅供参考...

1、请你出一套适应不同分辨率，不同终端的前端实现方案，有什么思路？

解析：
媒体查询。。rem

2、src、href的作用和区别？

解析：

1. href：Hypertext Reference的缩写，超文本引用，它指向一些网络资源，建立和当前元素或者说是本文档的链接关系。在加载它的时候，不会停止对当前文档的处理，浏览器会继续往下走。常用在a、link等标签。

   <a href="http://www.baidu.com"></a>
   <link type="text/css" rel="stylesheet" href="common.css">
   

   如上面所显示的那样，当浏览器加载到link标签时，会识别这是CSS文档，并行下载该CSS文档，但并不会停止对当前页面后续内容的加载。这也是不建议使用@import加载CSS的原因。

2. src：source的所写，表示的是对资源的引用，它指向的内容会嵌入到当前标签所在的位置。由于src的内容是页面必不可少的一部分，因此浏览器在解析src时会停下来对后续文档的处理，直到src的内容加载完毕。常用在script、img、iframe标签中，我们建议js文件放在HTML文档的最后面。如果js文件放在了head标签中，可以使用window.onload实现js的最后加载。

   <img src="img/girl.jpg">
   <frame src="top.html">
   <iframe src="top.html">
   <script src="show.js">
   

总结：href用于建立当前页面与引用资源之间的关系（链接），而src则会替换当前标签。遇到href，页面会并行加载后续内容；而src则不同，浏览器需要加载完毕src的内容才会继续往下走。

3、css sprites，如何使用？

解析：
精灵图
减少HTTP请求次数，从而提高了网站性能

4、简单说下对js中this的理解？

解析：
https://zhuanlan.zhihu.com/p/23804247
http://www.ruanyifeng.com/blog/2018/06/javascript-this.html 指向调用者

1. 普通对象的方法 指向对象
2. 普通函数调用 window，严格模式undefined
3. call apply bind改变this
4. new会改变this指向到实例对象上
5. 隐式绑定。

5、简单介绍下js中有哪些内置对象？

解析：
https://blog.csdn.net/keyijing/article/details/80573090