page contents

HTML5常见面试题(附带答案)

1、HTML5的新特性 (1) 绘画canvas (2) 用于媒介回放的video和audio元素 (3) 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失 (4) sessionStorage的数据在浏览器关闭后自动...

attachments-2021-06-fdQHPNj360c2c9bbc4349.png

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的作用

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

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

2、对于字符串类型, typeof 返回的值是 string。比如typeof(“123”)返回的值是string。

3、对于布尔类型, typeof 返回的值是 boolean 。比如typeof(true)返回的值是boolean。

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

5、 对于函数类型,返回的值是 function。比如:typeof(eval),typeof(Date)返回的值都是function。

6、如 果运算数是没有定义的(比如说不存在的变量、函数或者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);
}


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引擎越来越独立,内核就倾向于只指渲染引擎。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

程序员编程交流QQ群:805358732

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-uiNDEoAX62ac3176b2ff1.jpeg

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1474 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章