最近前端的群都蛮热闹的，但我发现多数讨论的是javascript和css相关的问题，仿佛大家在努力创建各种交互、样式的时候，忘却了这一切的基础 - HTML。其实我很喜欢HTML，觉得这个语言远比XML来得有趣，其灵活、轻便远非极端规范的XML可以比拟。同时又因为HTML的作用范围极小，规定的标签有限等说不上优点还是缺点的特色，使得HTML有着自己的确定性。本系列的前面很大一部分会以非常短小的篇幅，介绍HTML5中的一些基本概念，并且：只关心HTML这个语言，其他的javascript或者css完全不会涉
HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart：触摸开始的时候触发touchmove：手指在屏幕上滑动的时候触发touchend：触摸结束的时候触发而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：touches：当前位于屏幕上的所有手指的列表。targetTouches：位于当
Web Storage是HTML5 API提供一个新的重要的特性；最新的Web Storage草案中提到，在web客户端可用html5 API，以Key-Value形式来进行数据持久存储；目前主要的浏览器已经支持该功能；常见的web客户端数据存储比较：Html5 Web Storage非常易于Web开发者使用，他提供了非常简单的获取或设置key-value对的API； 支持的数据大小由网页浏览器厂商来决定，大多数支持都是5M或10M以上；这就意味着，我们可以在客户端存储更多有关用户及会话的信息，诸如用户个
本来想写几句的，但是看到前面一篇的反映不是很理想，所以也没动力了，原计划下面还想写个“贪吃蛇”的，看看再说吧，直接上源代码。这一次在上一篇程序的基础上增加了以下功能：1、键盘控制2、开始、暂停3、消除时候空行的停顿效果4、随着消除行数的增多，速度加快5、音效等等。代码里的注释已经很详细了，上一篇中模型的代码基本上没改动，只是增加了控制和图形的代码，自己感觉写的还是比较有条理的。提示：本文中的俄罗斯方块游戏需要 Chrome 浏览器才能得到最好的运行效果，Firefox 浏览器也可以运行，但是没有声音效果。
一直做后台的，但是最近对前端还是有点兴趣的，比较火的H5，于是用html5仿AMD9官网酷炫的下载引导页动画特效案例，下面分享给大家，当然本人只是初学者；大神莫喷哦；效果图：具体完整代码如下：请不要使用记事本打开，最好用notpad++编写代码！！12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
背景最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表，一般包含了筛选操作区、表格、Chart、展板等多种元素，而其中的数据表格是最常用的控件。在以往的工业项目中，所有的表格看起来千篇一律，就是通过数字和简单的背景颜色变化来展示相关信息。但是现在通过各种移动 App 和 Web 应用的熏陶，人们的审美和要求都在不断提高，尤其是在 Web 项目中，还采用老式的数字表格确实也有点落伍了。 如何选择一个合适的 HTML 前端表格控件？此处可以省略一万字。哈哈。jQuery、
一、应用场景 我们通常使用浏览器缓存在用户磁盘上存储web单页，在用户再次浏览的时候已节省带宽，但即便这样，依然无法在没有Internet的情况下访问Web。为了让web应用程序在离线状态也能被访问。html5通过application cache API提供离线存储功能。前提是你需要访问的web页面至少被在线访问过一次。 离线本地存储和传统的浏览器缓存有什么不同呢？ 1、浏览器缓存主要包含两类： a.缓存协商：Last-modified,Etag
一、简介 html5为window.navigator提供了geolocation属性，用于获取基于浏览器的当前用户地理位置。 window.navigator.geolocation提供了3个方法分别是： 1234567891011121314151617void getCurrentPosition(onSuccess,onError,options);//获取用户当前位置 int watchCurrentPosition(onSuccess,onError,option