前端面试题及答案（3）

（1）如何进行web性能优化

雅虎军规35条

（2）如何实现iframe的自适应高度

（3）html的几种触发都是什么

onblur 事件会在对象失去焦点时发生。
onchange 事件会在域的内容改变时发生。
onclick 事件会在对象被点击时发生。
onfocus 事件在对象获得焦点时发生。
onkeydown 事件会在用户按下一个键盘按键时发生。
onkeypress 事件会在键盘按键被按下并释放一个键时发生。
onkeyup 事件会在键盘按键被松开时发生。
onmousedown 事件会在鼠标按键被按下时发生。
onmousemove 事件会在鼠标指针移动时发生。
onmouseout 事件会在鼠标指针移出指定的对象时发生。
onmouseup 事件会在鼠标按键被松开时发生。

（4）谈谈cookie的弊端

1.数量和长度有限制，每个domain至多只能有20条cookie，而每个cookie的长度不能超过4kb，否则就会被截掉

2.安全性问题。如果cookie被拦截了，那么就会泄漏所有的session信息

3.有些状态不可能保存在客户端

（5）web storage和cookie的区别

1、cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递

2、cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路径下、

3、存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如回话标识。
4、webStorage虽然也有存储大小的限制，但是比cookie大得多，可以达到5M或更大

5、数据的有效期不同

                        sessionStorage：仅在当前的浏览器窗口关闭有效；

                        localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；

                        cookie：只在设置的cookie过期时间之前一直有效，即使窗口和浏览器关闭
6、作用域不同

                        sessionStorage：不在不同的浏览器窗口中共享，即使是同一个页面；

                        localStorage：在所有同源窗口都是共享的；

                        cookie：也是在所有同源窗口中共享的
7、webStorage支持事件通知机制，可以将数据更新的通知发生给监听者

8、webStorage的API借口使用更方便 。setItem  getItem clearItem

（6）ajax是什么？ajax的交互模型

（7）css引入方式有哪些？

1.<style type="text/css"></style>

2.<link rel="stylesheet" type="text/css" href="   " />

3.@import

    放在页面中的<style></style>之间：@import url("   ")

    放在css文件中：@import  "   "

（8）css的基本语句构成是什么

选择器、属性、值

（9）title和alt属性的区别是什么

含义不同：title是图片的描述内容；alt是图片不存在时的替代内容

在浏览器中的表现不同：鼠标划过时，会出现title的内容而不会出现alt的内容

搜索引擎对图片意思的判断主要靠alt属性

（10）什么是jQuery？为什么使用jQuery？

jQuery就是javascript和query的结合，是辅助js开发的库

jQuery是轻量级的框架，大小不到30kb，它有强大的选择器，出色的DOM操作的封装，可靠的事件处理机制（事件绑定），完善的ajax，出色的浏览器兼容性。而且支持链式操作，隐式迭代。行为层和结构层的分离，还支持丰富的插件。