前端面试题集合

https://zhuanlan.zhihu.com/p/29469769

面试回答

1. cookie和session, cookie和webStorage的区别，如果cookie被篡改怎么办
   cookie保存在客户端，session保存在服务器端；
   webStorage的目的是克服cookie带来的一些限制，提供一种在cookie之外存储会话数据的途径，提供一种存储大量可以跨会话存在的数据的机制。

2. 跨域的方法
   同源策略：它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。

不受同源策略影响：①script标签的src属性没有同源限制，可以加载互联网上任何url的js。②img标签也可以加载任何url的图片。

利用这一点，也可以实现一定程度的跨域请求，比如你可以利用js修改script或img等标签的src属性，就等于在向任意url发出了一个get请求。

跨域方法：
1)JSONP
JSONP通过动态<script>元素来使用，使用时可以为src属性指定一个跨域URL。

function handle(res){ console.log(res);}var script = document.createElement('script');script.src = 'http://chunling.com/json/?callback=handle';document.body.insertBefore(script,document.body.fistChild);

1. 因为引用计数产生的内存泄漏，在ES6中的解决办法是什么
2. js中基本类型在内存中存储方式是什么，引用类型的存储方式是什么
3. 手写jsonp以及常见的响应码，特别问了401
4. 渐进增强和优雅降级
5. 封装的js插件，事件委托和性能优化
6. http连接性能优化，长连接，keep-alive
7. 从输入url到看到页面发生了什么
8. 前端缓存机制，如果去掉etags\last-modefied\cache-control这些控制缓存的字段，浏览器会怎么处理缓存
9. 说一下前端性能优化的各种情况，然后讲清楚每一个类别的细节
10. 给定两个整数a和b，要求在使用任何辅助空间的情况下，交换两个的值