HTML面试题

HTML5常见面试题及答案

一只大海 2019-03-25 21:41:45  13406  收藏 24

分类专栏： #

版权

1、HTML5的新特性
(1) 绘画canvas

(2) 用于媒介回放的video和audio元素

(3) 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失

(4) sessionStorage的数据在浏览器关闭后自动删除

(5) 语义化更好的内容元素，比如article,footer,header,nav,section

(6) 表单控件，calendar,date,time,email,url等

(7) 新的技术webworker,websockt,Geolocation

(8) 移出的元素

a.纯表现的元素：basefont,big,center,font等

b.产生负面影响的元素：frame frameset等

(9) ie8 7 6 支持通过document.createElemet 方法产生新的标签，可以利用这 一特性让这些浏览器支持html5新标签
2、语义化的理解
*HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；

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

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

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

3、jQuery与jQuery UI有啥区别？
（1）jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。

（2）jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。
4、闭包
由于函数内部定义变量作用域问题，如果外部想用这个内部函数创建的一个变量；那就需要在这个函数内部在创建一个函数，创建的这个函数相当于一个桥梁把内部外部函数的变量抛出，这样就解决了不能访问这个变量的问题，那这个内部函数就称为闭包。

闭包的特性：

a.函数内再嵌套函数

b.内部函数可以引用外层的参数和变量

c.参数和变量不会被垃圾回收机制回收

概括的说,闭包就是能够读取其他函数内部变量的函数，在本质上，它是将函数内部和函数外部连接起来的一座桥梁。
5、Typeof的作用

一、对于数字类型的操作数而言， typeof 返回的值是 number。比如说：typeof(1)，返回的值就是number。

上面是举的常规数字，对于非常规的数字类型而言，其结果返回的也是number。比如typeof(NaN)，NaN在JavaScript中代表的是特殊非数字值，虽然它本身是一个数字类型。在JavaScript中，特殊的数字类型还有几种：Infinity 表示无穷大特殊值

二、对于字符串类型， typeof 返回的值是 string。比如typeof(“123”)返回的值是string。
三、对于布尔类型， typeof 返回的值是 boolean 。比如typeof(true)返回的值是boolean。

四、对于对象、数组、null 返回的值是 object 。比如typeof(window)，typeof(document)，typeof(null)返回的值都是object。

五、 对于函数类型，返回的值是 function。比如：typeof(eval)，typeof(Date)返回的值都是function。

六、如 果运算数是没有定义的（比如说不存在的变量、函数或者undefined），将返回undefined。比如：typeof(sss)、typeof(undefined)都返回undefined

6、常见的状态码分别表示什么
1**（信息类）:接受到请求并且继续处理
2**（响应成功）:表示动作被成功接受，理解和接受
200 -表示请求被成功完成，请求的资源发送回客户端
202 -接受和处理，但处理未完成
203 -返回信息不确定或不完整
204 -请求收到，但返回信息为空
3**（重定向）:为了完成指定的动作，必须接受进一步处理
300 -请求的资源可在多处得到
301 -本页面被永久性转移到另一个URL

304 -自从上次请求后，请求的网页未修改过，服务器返回此响应时，不会返回网页内容，代表上次的文档已经被缓存了，还可以继续使用
305 -请求的资源必须从服务器指定的地址得到

4**（客户端错误类）
400 -客户端请求语法错误，不能被服务器所理解
403 -禁止访问，服务器收到请求，但是拒绝提供服务
404 -服务器无法取得所请求的网页，请求资源不存在。

7、JavaScript异步加载方案

function loadScript(url, callback){
   var script = document.createElement("script")
   script.type = "text/javascript";
   if (script.readyState){ //IE
      script.onreadystatechange = function(){
         if (script.readyState == "loaded" || script.readyState == "complete"){
            script.onreadystatechange = null;
            callback();
         }
      };
   } else { //Others: Firefox, Safari, Chrome, and Opera
      script.onload = function(){
          callback();
      };
   }
   script.src = url;
   document.body.appendChild(script);
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19

8，CSS选择符有哪些？哪些属性可以继承？
* 1.id选择器（ # myid）
2.类选择器（.myclassname）
3.标签选择器（div, h1, p）
4.相邻选择器（h1 + p）
5.子选择器（ul > li）
6.后代选择器（li a）
7.通配符选择器（ * ）
8.属性选择器（a[rel = “external”]）
9.伪类选择器（a:hover, li:nth-child）
* 可继承的样式： font-size font-family color, UL LI DL DD DT;
* 不可继承的样式：border padding margin width height ;
9，介绍一下你对浏览器内核的理解？
主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。
（1）渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。
（2）JS引擎则：解析和执行javascript来实现网页的动态效果。
最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。