web前端面试知识点总结（1）

web前端面试知识点总结（1）

（1）button是行内元素还是块级元素？

答：它是可变元素，既不属于行内元素，也不属于块级元素。可变元素：根据上下文语境决定该元素为块级还是内联（可变元素如：button、iframe、map等）。

（2）行内元素有哪些？块级元素有哪些？css盒子模型是什么？

答：
块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table。
行内元素：span, strong, em, br, img , input, label, select, textarea, cite。
盒子模型：其本质就是一个盒子，外面包围着HTML元素，它包括：边距，边框，填充，内容等，允许我们在元素之间放置其他元素。

（3）一个完整的HTTP事物是一个怎样的过程？

答：
1. 域名解析
2. 发起TCP的3次握手
3. 建立TCP连接后发起http请求
4. 服务器端响应http请求，浏览器得到html代码 5. 浏览器解析html代码，并请求html代码中的资源
6. 浏览器对页面进行渲染呈现给用户

（4）常见的浏览器内核都是那些？

答：IE:trident内核 Firefox：gecko内核 Safari：webkit内核 Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核 Chrome：Blink(基于webkit，Google与Opera Software共同开发)

（5）link和@import有什么区别：

答：
相同点：两者都是外部引用CSS的方式。
不同点：
1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

（6）DOM和@BOM有什么区别：

答：DOM文档对象类型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。BOM浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。
BOM的内容不多，主要还是DOM。 由于DOM的操作对象是文档（Document），所以dom和浏览器没有直接关系。

（6）请写出jQuery绑定事件的方法：

答：jQuery中提供了四种事件监听方法，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。

以后每天会更新：欢迎收看！ 有疑问请留言，可能我会晚点回复，（打个广告：专职前端，接小型外包，类型不限，pc,m,公众号，小程序，webapp，毕业项目等，qq:641577885）