首页

关于

前端开发攻城师绝对不可忽视的五个HTML5新特性

前端开发攻城师绝对不可忽视的五个HTML5新特性

HTML5已经火了一段时间了,相信作为web相关开发工程师,肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标,HTML5绝对不容忽视。

在今天这篇技术分享文章中,我们将介绍几个HTML5的重要特性,能够帮助你提高整个web应用的使用体验和开发效率,相信大家会感兴趣的!

特性一:正则表达式

相信大家都会非常喜欢这个特性,无须服务器端的检测,使用浏览器的本地功能就可以帮助你判断电子邮件的格式,URL,或者是电话格式,防止用户输入错误的信息,通过使用HTML5的pattern属性,我们可以很方便的整合这个功能,代码如下:

<input type="email" pattern="[^ @]*@[^ @]*" value="">

运行如下:

如果在Firefox浏览器中运行,并且输入错误的email地址,会看到如下:

GBdebug在线调试地址:http://www.gbin1.com/gb/debug/3465707b-8071-40fa-a159-4356a0a17a52.htm

标签: html5, html5新特性, 正则表达式, 新特性, 前端开发, html5特性

阅读更多

分享一些前端开发人员必备的工具,脚本和资源

分享一些前端开发人员必备的工具,脚本和资源

作为前端开发人员来说,我们需要和HTML,CSS和Javascript打交道,并且需要不停的突破自己的创意极限来开发和设计最棒的交互场景。很多资深的前端设计师都拥有自己最喜欢的工具,脚本和资源,在今天我们的这篇文章中,我们将介绍一些能够帮助你高效开发的工具脚本和资源,权当抛砖引玉,希望能够带给大家帮助,如果你也有自己喜欢的好东西,请给我们留言,希望能够让更多的朋友了解。

JSFIDDLE

jsfiddle是一个超棒的在线js/css/html调试和分享工具,大家可以方便的在web页面中分享代码,或者调试代码。并且有效的和同事或者朋友分享。相信很多朋友都使用过它,作为小编我来说,jsfiddle也是必备工具之一。很多我们的在线文章都使用jsfiddle来做"在线调试"。更重要的是你可以将jsfiddle内容插入你的文章内容,这样你就可以边学边调试,是不是非常方便。如果你不熟悉如何使用,请查看这篇文章: …

标签: 前端开发, front end, 前端开发工具, 脚本, 资源

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.