先来看下html5的这几个特性：1.deviceOrientation：方向传感器数据的事件，通过监听该事件可以获取手机静态状态下的方向数据；2.deviceMotion:运动传感器数据事件，通过监听该事件可以获取手机运动状态下的运动加速度数据；3.DeviceMotionEvent:判断浏览器是否支持该事件属性，如果...

测试环境和工具 chromium 18.0.1025.151(开发编译版130497Linux)Ubuntu11.04 一、测试内容    1.A页面manifest缓存的js文件，B页面不设manifest是否能使用缓存的js文件 &nb...

 一、些许前提最近在制作一个Web应用,其中用到了HTML5的离线应用功能(offlineapplication),离线应用的概念就不再阐述,可以查看这两篇文章:http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/http://www.mh...

一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码：<!--HTML4-styleco...

针对iScroll的优化。为了达到更高的性能，iScroll分为了多个版本。你可以选择最适合你的版本。目前我们有以下版本：iscroll.js，这个版本是常规应用的脚本。它包含大多数常用的功能，有很高的性能和很小的体积。iscroll-lite.js，精简版本。它不支持快速跳跃，滚动条，鼠标滚轮，快捷键绑定。但如果你所...

对于截取读入的文件，一定要newFileReader,不可写全局调用同一个reader.错误代码！！！functionreadAsBinaryString(file,callback){readrSpt();varpart=0,fileName=file.name,step=1024*10,start=0,a=0,b=...

1.Css3圆角白边：使用css3圆角效果时，在android某些机器上会产生白边，所以应该在圆角的div外套一个div（背景色和外部相同），然后有圆角效果的div 内部使用自己的背景色 border-radius:5px;box-shadow:inset 0 2px ...

仅仅利用mediaquery适配样式是远远不够的，并没有考虑触屏下的行为和特有的内容组织方式的不同。简单在桌面版基础上叠加mobile版的代码，会带来请求增多、流量、性能、代码冗余等诸多方面问题。有统计说86%的手机站看起来small其实体积比桌面版还大。我们这次充分发挥“响应”的灵活性，实现o...

HTML<inputtype="text"placeholder="Value"/>有三种实现方式：伪元素（pseudo-elements）、伪类（pseudo-classes）和Notihing。WebKit和Blink（Safari,GoogleChrome,Opera15+）使用伪元素::-webki...

前端的定义应该是数据内容的展示，在国内大家都觉得前端只是HTML+CSS+Javascript，但是实际上与展示有关的都是前端，所以Ruby/Python/Nodejs/Java/ASP.NET只要和展示有关的部分都可以称之为前端。在这里由于篇幅的限制，我们只推荐与HTML+CSS+Javascript三者有关的前端技...

　　分享完html语言的核心之后，是时候开始写了。理论上，只要符合格式要求，就算是用记事本也可以写。但是，这种蛋疼且生产力低下的行为还是少做的好，选一个适合自己的IDE才是上上之选，至于哪个合适自己，那就要自己去试试看了，我这里使用的是HBuilder。　　使用IDE新建的html文档会自动把基本格式补全，但是本着学习...

一．游戏简介打地鼠这个游戏相信大家都不陌生，也是童年时候一款经典的游戏。本次游戏的编写是以html文件形式完成的，并且使用HBulider软件进行编写，使用谷歌浏览器展示效果，游戏将会采用JavaScript实现整体的逻辑流程，最终使用谷歌浏览器来实现游戏的展示和操作。本次游戏需要有一定的HTML5+JavaScrip...

最近闲的，看了看html5，强大的绘图功能让我惊奇，于是，写了个小玩意---涂鸦板，能实现功能有：画画，改色，调整画笔大小html5的绘图可以分为点，线，面，圆，图片等，点和线，这可是所有平面效果的基点，有了这两个东西，没有画不出来的东西，只有想不到的算法。先上代码了：html1<bodystyle="curso...

自接触移动端H5页面以来，从未停止对H5页面适配不同屏幕的解决方案的探索。从最初的bootstrap响应式框架来做手机适配；后来尝试用百分比去做H5的适配；接着又去尝试媒体查询，但移动端的屏幕大小个各异，各种尺寸的机型都有，难以做到不同手机适配，后来看到京东，网易，手淘等使用rem做手机适配，使用rem前端开发者可以很...

varaudioSrc='https://s3-us-west-2.amazonaws.com/s.cdpn.io/1715/the_xx_-_intro.mp3';functionbufferSound(ctx,url){varp=newPromise(function(resolve,reject){varreq=...