前端HTML5面试官和应试者一问一答
哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。
每天学习编程，让你离梦想更新一步，感谢不负每一份热爱编程的程序员，不论知识点多么奇葩，和我一起，让那一颗四处流荡的心定下来，一直走下去，加油，加油！欢迎关注加我，欢迎点赞、收藏和评论
不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。
前言
希望可以通过这篇文章，能够给你得到帮助。(感谢一键三连)
1.`HTML5`表单增加的输入类型
2.`HTML5`增加表单的特性以及元素
特性在中，可以把从属于表单的元素放在任何地方，然后指定该元素的特性值为表单的，该元素就从属于表单。
3.`HTML5`如何实现跨域
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST");
response.setHeader("Access-Control-Allow-Headers", "x-requested-width,content-type");4.什么是`WebSql`
是一个在浏览器客户端的结构关系数据库，是浏览器内的本地关系型数据库管理系统，可以使用查询。
是基于的。
5.应用缓存中网络命令的作用是啥
// 在代码login.php始终都不应该缓存或者离线访问
NETWORK：
login.php网络命令描述不需要缓存的文件。
6.`Canvas`和`SVG`的区别是什么
是可缩放矢量图形，它是基于文本的图形语言，使用文本，线条，点等来绘制图像。
a. 一旦绘制完成将不能访问像素或操作它，任何使用绘制的形状都能被记忆和操作，可以被浏览器再次显示。
b. 对绘制动画和游戏有利，对创建图像有利。
c. 因为不需要记住之后的事，所以运行快，而需要记录坐标，所以运行慢。
d. 在中不能为绘制对象绑定相关事件；在中可以为绘制对象绑定相关事件。
e. 绘制出的是位图，因此与分辨率有个，是矢量图，与分辨率无关。
使用绘制：
使用绘制：
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.rect(100,100,300,200);
ctx.fillStyle="red"
ctx.fill()7.本地存储的数据有生命周期吗
本地存储的数据没有生命周期，它将一直存储数据，直到用户从浏览器清除或者使用代码移除。
8.表单验证的`API`
var validityState=document.getElementById("username").validity;var willValidate=document.getElementById("username").willValidate;var validationMessage = document.getElementById("username").validationMessage;对象，是通过属性获取的，该对象有8个属性。
a. 属性：必填的表单元素的值为空。如果表单元素设置了特性，则表示必填，如果必填项为空，就无法通过表单的验证，属性会返回，否则反之。
b. 属性：输入值与类型不匹配。增加的表单类型等，都包含一个原始的类型验证，如果用户输入的内容与表单类型不符合，属性将返回，否则反之。
c. 属性：输入值与特性的正则不匹配。表单元素可通过特性数组正则表达式的验证模式，如果输入内容不符，将返回，否则反之。
d. 属性：输入的内容大小超过了表单的元素的特性限定的字符长度。如果超过属性返回，否则反之。
e. 属性：输入的值大于特性的值。一般用于填写数值的表单元素，也可能会使用特性设置数值范围的最大值，如果输入的数值大于最大值，则返回，否则反之。
f. 属性，输入的值小于特性的值，上述雷同。
g. 属性，输入的值不符合特性所推算出的规则。不符为，否则反之。
h. 属性，使用自定义的验证错误提示信息，在有些情况下不适合使用浏览器内置的验证错误提示信息，需要自定义，当输入值不符合语义规则，页面会提示自定义的错误信息。
表单验证的方法
9.`cookie`,`sessionStorage`,`localStorage`
数据存放在客户的浏览器上，数据存放在服务器上。
不是很安全，别人可以分析存放在本地的并进行欺骗。
会在一定时间内保存在服务器上，当访问增加时，会占用较多服务器的资源。为了减轻服务器的负担，应当使用在适当的情况下。
单个保存的数据不能超过4kb,很多浏览器都限制一个站点最多保存20个
建议将登陆信息等重要内容存放在中，其他可以存放在中。
的数量和长度有限制，每个最多只能有20条，每个的长度不能超过4kb,否则会被裁掉。
安全问题，如果被别人拦截了，就可以取得所有的信息，即使加密也是没有用，拦截者不需要知道的意义，只要原样转发就可以到达目的。
有些状态不能保存在客户端。
通过良好的编程，控制保存在中的对象的大小。
通过加密和安全传输技术，降低被破解的可能性。
只在中存放不敏感数据，即使被盗也不会有重大的损失。
控制的生命周期，使之不会永远有效，数据偷盗者很可能得到一个过期的。
最大为4096字节，为了兼容性，一般不能超过4095字节。
每个特定的域名下最多生成20个
或更低版本最多有20个
和之后的版本最多可以有50个
最多可以有50个
和没有硬性限制
用于在本地存储一个会话中的数据，这些数据只有同一个会话中的页面才能访问，当会话结束后，数据也随之销毁，因此不是一种持久化的本地存储，仅仅是会话级别的存储。
用于持久化本地存储，除非主动删除数据，否则数据一般是永久不会过期的。
是为了更大容量的存储设计的，的大小是有受限制的，并且每次请求一个新页面时，都会被发送过去，这无形中浪费了带宽，需要制定作用域，不可以跨域调用。
10.`HTML5`为浏览器提供了哪些数据存储方案
在较高版本的浏览器中，提供了和，在规范中取代了。
应用程序缓存：
离线浏览，让用户可在应用离线时使用它们。
速度，让已缓存资源加载更快。
减少服务器负载，让浏览器将指下载服务器更新过的资源。
应用缓存的目的是帮助用户离线浏览页面，如果网络连接不可用，打开的页面就来自浏览器缓存，离线应用缓存可以帮助用户达到这个目的。
本地存储数据持续永久，但是会话存储在浏览器打开时有效，在浏览器关闭时会话重置存储数据。
提升网站的性能：
11.如何实现浏览器内多个标签页之间的通信
在标签页之间，调用等数据存储，可以实现标签页之间的通信。
12.`Web Worker`和`webSocket`的作用
：它是应用程序的传输协议，提供了双向的，按序到达的数据流，它是新增的协议，的连接是持久的，它在客户端和服务器之间保持双工连接，服务器的更新可以及时推送到客户端，而不需要客户端以一定的时间间隔去轮询。
：通过加载一个文件，创建一个，同时返回一个实例；用向发送数据；绑定接收发送过来的数据；可以使用终止一个的执行。
13. `HTML5`新特性
拖放，语义化更好的内容标签，音频，视频，画布，地理等，本地离线存储，会话存储，表单控件。
嵌入音频：
嵌入视频：
新增表单属性包括：
提供了很多新的，包括
14.如何区别`html`和`html5`
用声明新增的结构元素和功能元素来区别它们。
使用的字符集
15.`HTML5 Canvas`元素有什么用
元素用于在网页上绘制图形，该元素标签的强大之处在于可以直接在上进行图形操作。
❤️关注+点赞+收藏+评论+转发❤️，原创不易，鼓励笔者创作更好的文章
点赞、收藏和评论
我是(达达前端)，感谢各位人才的：点赞、收藏和评论，我们下期见！(如本文内容有地方讲解有误，欢迎指出☞谢谢，一起学习了)
我们下期见！