「前端面试题 04」

好久没写笔记分享了。最近一有时间就在写我的音乐项目，打算月底或者下月初完成1.0版，剧透一下，是一个既漂酿又实用的应用哦，嘿嘿嘿~~

---

一.slice,splice和split三个函数的区别

slice字符串或数组操作，对起始索引进行截取；

splice数组操作，是删除多少个元素，用新的替换；最常用在删除一个元素

split 字符串操作，是把字符串拆分成数组；

---

二.iframe如何通信

1.不跨域的情况

父页面调用子页面方法： FrameName.window.childMethod();

子页面调用父页面方法： parent.window.parentMethod();

2.跨域的情况

（1）父传子

父页面设置iframe的src后面多加个data字符串，然后在子页面中监听location.href的变化获取到data就可以了

（2）子传父

利用一个代理iframe，它嵌入到子页面中，并且和父页面必须保持是同域；然后利用上面方式把子页面数据传给代理iframe；然后由于代理的iframe和主页面是同域的，所以主页面就可以利用同域的方式获取到这些数据。

---

三.cookie会导致请求头越来越大，且在客户端和服务器之间来回传，怎么优化？

1.静态资源文件，使用独立于主网站的域名，比如CDN；域名不同就不会重复发送cookies了。

2.服务器不关心的数据，使用别的缓存方案，比如放到localStorage中；cookies只留下登陆信息；

3.对cookies的内容进行合并压缩处理；