Web前端初级面试题

分手后的思念是犯贱 2022-05-28 05:26 355阅读 0赞

**Web篇：**

1.常见的浏览器内核有哪些？

IE：Trident内核             FireFox：gecko内核                Opera ：原是用Presto，现改用Blink

Safari ：webkit内核       Chrome：Blink（WebKit的分支）

2.前端页面有哪三层构成，分别是什么?作用是什么?

结构层 Html     表示层 CSS     行为层 js

3.请描述一下 cookies，sessionStorage 和 localStorage 的区别？

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。

sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个”浏览器窗口”的概念。sessionStorage是在同源的同窗口（或tab）中，始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在。关闭窗口后，sessionStorage即被销毁。同时”独立”打开的不同窗口，即使是同一页面，sessionStorage对象也是不同的

cookies会发送到服务器端。其余两个不会。

4.ajax的缺点

ajax不支持浏览器back按钮。

安全问题 AJAX暴露了与服务器交互的细节。

对搜索引擎的支持比较弱。

破坏了程序的异常机制。不容易调试。

5.怎样添加、移除、移动、复制、创建和查找节点。

1）创建新节点

createDocumentFragment()    //创建一个DOM片段
    
          createElement()   //创建一个具体的元素
    
          createTextNode()   //创建一个文本节点2）添加、移除、替换、插入

appendChild()
    
          removeChild()
    
          replaceChild()
    
          insertBefore() //并没有insertAfter()3）查找

getElementsByTagName()    //通过标签名称
    
          getElementsByName()    //通过元素的Name属性的值(IE容错能力较强，
          会得到一个数组，其中包括id等于name值的)
    
          getElementById()    //通过元素Id，唯一性

**HTML5篇：**

1.html5有哪些新特性、移除了那些元素？

新增的元素有绘画 canvas ，用于媒介回放的 video 和 audio 元素，本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失，而sessionStorage的数据在浏览器关闭后自动删除，此外，还新增了以下的几大类元素。

内容元素，article、footer、header、nav、section。

表单控件，calendar、date、time、email、url、search。

控件元素，webworker, websockt, Geolocation。

移出的元素有下列这些：

显现层元素：basefont，big，center，font, s，strike，tt，u。

性能较差元素：frame，frameset，noframes。

2.如何处理HTML5新标签的浏览器兼容问题？

处理兼容问题有两种方式：

(1)    IE8/IE7/IE6支持通过document.createElement方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。