前端开发面试题

阳光穿透心脏的1/2处 2022-11-01 00:54 233阅读 0赞

1、输入完网址按下回车，到看到网页这个过程中发生了什么？  
a. 域名解析  
b. 发起TCP的3次握手  
c. 建立TCP连接后发起http请求  
d. 服务器端响应http请求，浏览器得到html代码  
e. 浏览器解析html代码，并请求html代码中的资源  
f. 浏览器对页面进行渲染呈现给用户

2、Cookie的弊端有哪些？  
a. 每个特定的域名下最多生成的cookie个数有限制  
b. IE和Opera 会清理近期最少使用的cookie，Firefox会随机清理cookie  
c. cookie的最大大约为4096字节，为了兼容性，一般不能超过4095字节  
d. 安全性问题。如果cookie被人拦截了，那人就可以取得所有的session信息

3、web storage和cookie的区别  
a. Cookie的大小是受限的  
b. 每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽  
c. cookie还需要指定作用域，不可以跨域调用  
d. Web Storage拥有setItem,getItem等方法，cookie需要前端开发者自己封装setCookie，getCookie  
e. Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生  
f. IE7、IE6中的UserData通过简单的代码封装可以统一到所有的浏览器都支持web storage

4、减少页面加载时间的方法有哪些？  
a. 尽量减少页面中重复的HTTP请求数量  
b. 服务器开启gzip压缩  
c. css样式的定义放置在文件头部  
d. Javascript脚本放在文件末尾  
e. 压缩合并Javascript、CSS代码  
f. 使用多域名负载网页内的多个文件、图片

5、解释JavaScript 的同源策略  
同源策略指的是：协议，域名，端口相同，同源策略是一种安全协议。  
指一段脚本只能读取来自同一来源的窗口和文档的属性。

6、浏览器的内核分别是什么?  
IE浏览器的内核Trident；  
Mozilla的Gecko；  
Chrome的Blink（WebKit的分支）；  
Opera内核原为Presto，现为Blink。

7、前端页面有哪三层构成，分别是什么？作用是什么？  
a. 结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面“内容是什么”的问题。  
b. 表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。  
c. 行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。

8、一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验\[性能优化\]？  
a. 图片懒加载，滚动到相应位置才加载图片。  
b. 图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载。  
c. 使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话。  
d. 如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。

9、简述同步和异步的区别  
同步是阻塞模式，异步是非阻塞模式。  
同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去;  
异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。