HTML5，jQuery，ajax基础面试

Posted 2020-08-23 老婆大人

简要描述HTML5中的本地存储

答案：

很多时候我们会存储用户本地信息到电脑上，例如：比方说用户有一个填充了一半的长表格，然后突然网络连接断开了，这样用户希望你能存储这些信息到本地，当网络回复的时候，他想获取这些信息然后发送到服务器进行存储，

现代浏览器拥有的存储被叫做“local storage”，用于存储这些信息

简要描述HTML5中的canvas的作用

答案： 出现的新标签，拥有自己的属性，方法和事件，其中就有绘图的方法，JavaScript能够调用它在网页上完成绘图

canvas也是HTML5中最强大的特性之一，允许开发者使用动态和交互式可视化方法在web上实现桌面应用程序的功能

HTML5 有哪些不同类型的存储？

答案：

HTML5 支持本地存储，在之前的版本中通过cookie实现的，HTML5本地存储速度快而安全

有两种不同的对象可用来存储数据：

localstorage：适用于长期存储数据，浏览器关闭后数据不丢失

sessionstorage：存储的数据在浏览器关闭后自动删除

HTML5除了音频和视频还支持其他什么心得媒体元素？

答案：<embed>:作为外部应用的容器；

<track>:定义媒体的文本跟踪

<source>:多种媒体源的支持

HTML5应用缓存是什么？

答案：常用于显示用户的离线浏览如果网络连接不可用，页面应该来自浏览器缓存，离线应用缓存可以帮助你达到这个目的

应用缓存可以帮助你制定那些文件需要缓存，哪些不需要。

jQuery

body中的onload()函数和jQuery中的$(document).reay()有什么区别？

答案：

onload()和document.ready()的区别如下：

可以在页面中使用多个document.ready(),但是只能使用一次onload（）；

document.ready()函数在页面DOM元素加载完成易购就会被调用，而onload（）函数则要在所有的关联资源（包括图像，音频）加载完毕才会调用。

jQuery中有哪几种类型的选择器？

答案：

有三种类型选择器：

1基本选择器：直接根据ID css类名 元素名返回dom元素

2层次选择器：也叫做路径选择器，可以根据路径层次来选择相应的DOM元素

3过滤选择器：在前面的基础上过滤相关条件，得到匹配的DOM元素

请介绍一下XMLHttpquest对象

答案：

ajax的核心是javascript对象XmlHttpRequest.该对象在IE5中首次引入，它是一种支持一部请求的技术，简而言之，XmlHttpRequest可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户，通过XMLHttpRequest对象，web开发人员可以在页面家在以后进行页面局部更新

ajax的优点与缺点

优点：页面局部刷新，提高用户体验度

使用一部方式与服务器通信，具有更加迅速的响应能力；

减轻服务器负担；

给予标准化的病被管饭支持的技术，不需要下载插件或者小程序。

缺点：

不支持浏览器的back按钮

安全问题

对搜索引擎的支持比较弱