1.1的预加载处理。域名服务器(Domain Name Server)

由于DNS解析成本高，往往导致网站加载缓慢。DNS主机名解析有时候会有网站变慢的问题。但是现在浏览器在DNS解析方面非常聪明。在用户跟踪链接之前，浏览器会在缓存域名之前尝试解析域名。

DNS预加载功能允许开发人员手动控制需要解析哪个域名。例如：

link rel=' DNS-prefetch ' href='//font . googleapis.com '

link rel=' DNS-prefetch ' href='//Google-analytics.com '

link rel=' DNS-prefetch ' href='//www . Google-analytics.com '

link rel=' DNS-prefetch ' href='//platform . Twitter.com '

2.链接预取

链接预取功能允许开发人员在加载页面时预加载他们想要指定的页面或元素。代码如下：

link rel=' prefetch ' href=' http://daker . me/2013/05/hello-world . html '/

link rel=' prefetch ' href=' http://daker . me/assets/images/avatar . png '/

您还可以使用预渲染功能来提高网站速度。浏览器可以在后台获取并渲染整个页面，然后在用户点击相应的链接时向用户显示页面。例如：

link rel=' prerender ' href=' http://daker . me/2013/05/hello-world . html '/

3.正则表达式

一旦用户输入了有效的电子邮件或网址，模式属性允许您直接使用正则表达式，而无需检查JS或服务器端代码。代码如下：

输入类型='email' pattern='[^ @]*@[^ @]* '值=' '

4.下载下载属性

有了HTML5的Download属性，开发人员可以直接下载文件，而不用去特定的页面。此操作可以在不依赖服务器端代码的情况下执行。代码如下：

a href='download_pdf.php？id=15' download='myfile.pdf '下载PDF/a

5.数据列表数据列表元素

如果使用jQuery插件来执行自动填充输入操作，用户每次敲击键盘时都必须访问服务器端代码和数据库。然而，使用Datalist元素，开发人员可以在不使用jQuery插件的情况下做到这一点。代码如下：

form action='form.php '方法='post '

输入列表='汽车'名称='汽车'

datalist id='cars '

期权价值='沃尔沃'

选项值='宝马'

选项值='布加迪'

选项值='凯迪拉克'

期权价值='雪佛兰'

期权价值='克莱斯勒'

/datalist

输入类型='submit' /

/form