哪吒的人生信条：喜欢所学，就会有强大的动力支撑。紧紧抓住前端，每天好好学习。如果你喜欢你所学的东西，你就会有强大的动力去支持它。感谢每一位热爱前端的程序员，无论前端技术再牛逼，欢迎加我群vx:xiaoda0423前言希望本文能对大家有所帮助。（感谢一键三通）1、HTML5表单新增输入类型url类型：专门定义用于输入url地址的文本库。在验证输入文本的格式时，如果文本框中的内容不符合url地址的格式，则会显示验证错误。email类型：定义为专门用于输入email地址的文本框。在验证输入文本的格式时，如果文本框中的内容不符合邮箱地址的格式，则会提示验证错误。email类型的input元素中还有一个multiple属性，表示可以在文本框中输入多个用逗号分隔的email地址。范围类型：用于将输入框显示为滑块，可作为一定范围内的值选择器。min和max属性分别表示范围的最小值，默认为0，范围的最大值，默认为100。范围类型有一个step属性，表示拖动的步长，默认为1.数字类型：专门定义用于输入特定数字的文本框，具有min、max、step特性。电话类型：专门定义用于输入电话号码的文本框，没有特殊的验证规则。搜索类型：专门定义用于输入搜索引擎关键字的文本框，没有特殊的验证规则。颜色类型：颜色类型的输入元素默认会提供一个颜色选择器。日期类型：专门用于输入日期的文本框，默认为带日期选择器的输入框。month、week、time、datetime、datetime-local类型的input元素与date类型的input元素类似，提供了相应的选择器。2、HTML5增加了表单特性和元素表单特性在HTML5中，可以将属于表单的元素放置在任意位置，然后指定元素的form属性值作为表单的id，元素属于表单。formactionfeature:per每个表单都会通过动作特性将表单内容提交到另一个页面。在HTML5中，在不同的“提交”按钮上添加表单动作特性后，该特性会覆盖表单的动作特性，将表单提交到不同的页面。formmethod、formenctype、formnovalidate、formtarget特性：formmethod特性会覆盖form的method特性；formenctype特性可以覆盖表单的enctype；formnovalidate特性可以覆盖novalidate特性，formtarget特性可以覆盖表单的目标特性。占位符功能，提示用户输入描述性信息。自动对焦功能用于所有类型的输入元素。当页面加载时，它可以自动获得焦点。每个页面只允许有一个具有自动对焦功能的输入元素。如果你设置了多个，就相当于不指定这个行为。autocompletefeature：应用于表单元素和input类型的input元素，用于表单的自动补全。可以是autocomplete="on"，可以指定"on"，"off"，不指定""。list属性和datalist元素可以为一个可以输入的input元素定义一个选择值的列表。达达dada2keygen元素：提供一种安全的方式来验证用户。该元素具有生成密钥的功能。提交表单时，会分别生成一个私钥和一个公钥，私钥保存在客户端，公钥通过网络传输到服务器端。
输出元素用于不同类型的输出，元素必须属于一个表单，即写在表单内部。3.HTML5如何实现跨域"Access-Control-Allow-Headers","x-requested-width,content-type");4.什么是WebSqlWebSql是一个浏览器客户端的结构化关系型数据库，在浏览器中可以使用SQL查询的本地RDBMS关系型数据库管理系统。WebSql基于SQLite。5.网络命令在应用程序缓存中的作用是什么//在代码login.php中，永远不要缓存或离线访问NETWORK：login.php网络命令描述了不需要缓存的文件。6、Canvas和SVG有什么区别SVG是ScalableVectorGraphics，它是一种基于文本的图形语言，它使用文本、线条、点等来绘制图像。A。绘制画布后，它将无法访问像素或对其进行操作。使用SVG绘制的任何形状都可以被记忆和操作，并且可以通过浏览器再次显示。b.Canvas适合绘制动画和游戏，而SVG适合创建图像。C。Canvas跑得快是因为不需要记住接下来的事情，而SVG需要记录坐标，所以跑得慢。d.在Canvas中，相关事件不能绑定到绘图对象上；在SVG中，相关事件可以绑定到绘图对象。e.Canvas画的是位图，所以与分辨率无关，而SVG是矢量图，与分辨率无关。使用SVG绘制：使用Canvas绘制：varcanvas=document.getElementById("myCanvas");varctx=canvas.getContext("2d");ctx.rect(100,100,300,200);ctx.fillStyle="red"ctx.fill()7.本地存储的数据有生命周期吗？本地存储的数据没有生命周期。它将存储数据，直到用户将其从浏览器中清除或使用javascript代码将其删除。8.API表单验证必填特性：表示此项的值不能为空，否则表单无法提交。pattern属性用于输入元素以定义验证模式。min,max,step特征novalidate用来指定表单或表单中的元素在提交时不进行验证，对表单元素应用novalidate属性，即表单中的所有元素在提交时将不再进行验证。validity属性用于获取表单元素的ValidityState对象，包含8个方面的验证结果。ValidityState对象会持久化，每次获取validity属性都会返回同一个ValidityState对象。varvalidityState=document.getElementById("用户名").validity;willValidate属性，用于获取一个布尔值，表示表单元素是否需要验证，如果表单元素设置了required属性或者pattern属性，则willValidate属性为true，即表单会进行验证执行。varwillValidate=document.getElementById("username").willValidate;validationMessage属性，用于获取表单元素的错误信息varvalidationMessage=document.getElementById("username").validationMessage;通过validity属性获取ValidityState对象，这个对象有8个属性。A。valueMissing属性：要求的表单元素的值为空。如果在表单元素上设置了required属性，则表示它是必需的。如果必填项为空，则无法通过表单验证，valueMissing属性返回true，否则反之。b.typeMismatch属性：输入值与type类型不匹配。html5增加的表单类型，比如email，都包含一个原始的类型验证。如果用户输入的内容与表单类型不匹配，typeMismatch属性将返回true，否则反之。C。patternMismatch属性：输入值与pattern属性的正则性不匹配。表单元素可以通过pattern特征数组正则表达式的校验方式，如果输入内容不匹配，patternMismatch会返回true，反之亦然。d.tooLong属性：输入内容的大小超过了表单元素的maxLength属性限制的字符长度。如果超过tooLong属性返回true，否则反之。e.rangeOverflow属性：输入的值大于max特征的值。一般用于填写数值的表单元素也可能会使用max特性来设置数值范围的最大值。如果输入值大于最大值，rangeOverflow返回true，否则反之。F。rangeUnderflow属性，输入值小于min特征的值，上面同理。G。stepMismatch属性，输入值不符合step特征计算出的规则。如果不匹配，则为真，否则相反。H。customError属性，使用自定义的验证错误信息，在某些情况下不适合使用浏览器内置的验证错误信息，需要自定义。当输入值不符合语义规则时，页面会提示自定义错误信息。表单验证方法checkValidity()方法，显式验证方法，每个表单元素都可以调用checkValidity()方法，该方法返回一个布尔值，表示验证是否通过。默认情况下，表单验证在表单提交时发生，但如果您使用checkValidity()方法，您可以在任何您想要的地方验证表单。setCustomValidity()方法，自定义错误信息的方法。当默认的提示错误不能满足要求时，可以使用该方法自定义错误提示。使用该方法自定义错误信息时，元素的validationMessage属性的值会变为定义的错误信息，ValidityState对象的customError属性的值会变为true。9.cookie、sessionStorage、localStoragecookie数据保存在客户端的浏览器中，session数据保存在服务器端。Cookies不是很安全，其他人可以分析本地存储的cookies并欺骗cookies。会话将在服务器上保存一段时间。当访问量增加时，会占用更多的服务器资源。为了减轻服务器的负载，应在适当的地方使用cookies。单个cookie保存的数据不能超过4kb。许多浏览器限制站点最多保存20个cookie。建议将登录信息等重要内容保存在session中，其他可以保存在cookie中。cookies的数量和长度是有限的。每个域最多只能有20个cookie，每个cookie的长度不能超过4kb，否则会被截断。安全问题，如果cookie被别人拦截，就可以获得所有session信息，即使加密也没用，拦截者不需要知道cookie的含义，只要原样转发cookie即可，目标可以实现。有些状态不能保存在客户端。通过良好的编程，控制保存在cookie中的session对象的大小。通过加密安全传输技术ssl，降低cookie被破解的可能性。cookie中只存储不敏感的数据，即使被盗也不会有什么大的损失。控制cookie的生命周期，使其不会永远有效，数据窃贼很可能得到过期的cookie。cookie的最大大小为4096字节。为了兼容性，一般不能超过4095字节。每个特定域名下最多可以生成20个cookie。版本6或更低版本最多包含20个cookie。版本7及更高版本最多可以有50个cookie。Firefox最多可以有50个cookie。Chrome和Safari没有硬性限制。sessionStorage用于在本地存储会话。这些数据只能由同一会话中的页面访问。当会话结束时，数据也被销毁。因此，sessionStorage并不是一个持久化的本地存储，而只是一个会话级的存储。localStorage用于持久本地存储。除非主动删除数据，否则数据一般不会过期。localStorage是为更大容量的存储而设计的，cookie的大小是有限的，每次请求新的页面都会发送cookie，无形中浪费了带宽，而且cookie需要有scoped，不能跨域电话。10、HTML5为浏览器提供了哪些数据存储方案？在更高版本的浏览器中，提供了sessionStorage和globalStorage。在html5规范中，localStorage取代了globalStorage。AppCache：离线浏览，允许用户在离线时使用应用程序。速度，允许缓存的资源更快地加载。降低服务器负载，让浏览器引用下载服务器的更新资源。HTML5应用缓存的目的是帮助用户离线浏览页面。如果网络连接不可用，打开的页面将来自浏览器缓存。离线应用缓存可以帮助用户实现这个目标。本地存储数据永久保存，但session存储在浏览器打开时有效，sessionreset在浏览器关闭时存储数据。提高网站性能：
