HTML5 面试题~经验(一)

//联系人:石虎 QQ:1224614774 昵称:嗡嘛呢叭咪哄

一、概念

1、页面导入样式时，使用link和@import有什么区别？

   答案解析：

    1）link属于XHTML标签，而@import是css提供的；

    2）页面被加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载；

    3）@import只在IE5以上才能识别，而link是XHTML标签，无兼容问题；

    4）link方式的样式的权重高于@import的权重。

2、web storage和cookie的区别

    

    1） Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。

    2）Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。除此之外，

    3） Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。

    4） 但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

3、如何区分 HTML 和 HTML5？

   答案解析：

    1）在文档类型声明上不同：

    HTML是很长的一段代码，很难记住，而HTML5却只有简简单单的声明，方便记忆。

    2）在结构语义上不同：

    HTML：没有体现结构语义化的标签，通常都是这样来命名的<div id="header"></div>，这样表示网站的头部。

    HTML5：在语义上却有很大的优势。提供了一些新的标签，比如：<header><article><footer>

4、浏览器的内核分别是什么?

    答案解析：

    IE: trident内核

    Firefox：gecko内核

    Safari：webkit内核

    Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核

    Chrome：Blink(基于webkit，Google与Opera Software共同开发)

5、简述同步和异步的区别

    答案解析：

    同步是阻塞模式，异步是非阻塞模式。

    同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；

    异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。

6、什么是盒子模型？

    答案解析：

    在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

7、垃圾回收机制（GC）

    我们一般说的垃圾回收是针对内存而言的。内存在计算机中是很宝贵的一种资源，任何程序的运行都离不开它。由于内存可以被程序操控，为了防止内存被程序滥用，对内存空间进行管理是十分必要的。说到内存管理，自然离不开JS中的垃圾回收机制，有两种策略来实现垃圾回收：【标记清除 和 引用计数；】

    函数运行的时候，浏览器自动开辟一块内存 把浏览器内部的各种变量，存放在此内存中运行结束后，用不到的变量，把它自动回收

8、原型、原型链

    每个函数都有一个prototype(原型)属性;对象是没有原型的 ，但是有_proto_(原型链)，指向父级函数的原型。

9、事件委托、事件冒泡、事件捕获

    

    一个div里面有个span元素 ，当鼠标单击span时，这个事件算是谁的？div还是span？

    事件冒泡： IE认为，这个事件首先触发span,然后依次往父节点传递，最终传递到document，(这个过程称为冒泡)

    事件捕获：网景浏览器认为，任何事件都首先触发document，然后依次往下传递到span元素，(这个过程称为捕获)

    事件委托：根据事件冒泡机制，任何事件都会冒泡到document，事件委托就是把所有事件处理函数绑定到document，根据事件参数判断事件源对象，判断不同的对象给予不同的处理函数，

10、如何区分：DOCTYPE 声明\新增的结构元素\功能元素，语义化的理解？

    答案解析：

    1）用正确的标签做正确的事情；

    2）html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；

    3）在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的；

    4）搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利用 SEO ；

    5）使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

谢谢!!!