前面我们学习了audio和video最基本的用法，为了更加灵活的控制音视频的播放，我们就需要学习HTML5为我们提供的相关属性、方法和事件了。audio和video相关属性属性描述src用于指定媒体资源的URL地址autoplay资源加载后自动播放buffered用于返回一个TimeRanges对象，确认浏览器已经缓存媒体文件。controls提供用于播放的控制条currentSrc返回媒体数据的URL地址currentTime获取或设置当前的播放位置，单位为秒defaultPlaybackRate返回默
1. 用web storage替换cookiesCookie最大的问题是每次都会跟在请求后面。在HTML5中，用sessionStorage和localStorage把用户数据直接在客户端，这样可以减少HTTP请求的数据量。而且Web storage还提供了API来操作数据，不像cookie，还得自己写。1234567891011121314151617// if localStorage is present, use thatif (('localStorage' in window) && w
在很多的手机网站上，有打电话和发短信的功能，对于这些功能是如何实现的呢。其实不难，今天我们就用html5来实现他们。简单的让你大开眼界。HTML5 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单。在这...有 HTML5 启动模板、空白图片、打电话和发短信、自动完成等等,帮助你提高开发效率的同时，还带来了更炫的功能。好了，我们今天就来做一做看看效果吧！！看代码：1234567891
粒子动画在ThreeJs可以用几种方式实现本次样例使用Sprite类来构建粒子1234567官方对Sprite类的解释SpriteA sprite is a plane that always faces towards the camera, generally with a partially transparent texture applied. Sprites do not cast shadows, settingcastShadow = truewill have no effect.大概意
移动端页面大家都遇到过 viewport 的问题。关于 viewport 的文章有很多了，推荐给大家这两篇，写得非常详细。本文对 viewport 做一些补充手机屏幕手机屏幕属于硬件属性，我们无论是通过 JS 还是 meta 标签都是无法影响到它的。手机屏幕物理像素，也就是手机厂商们说的像素、分辨率、PPI这些。安卓常见的有 720X1280 , 1080X1920 等等iPhone 则是 iPhone5 640X1136，iPhone6 750X1334，iPhone6P 1080X1920手机屏幕逻辑
最近我们前端这边搜集了50个比较优秀的H5。那我这边呢，根据技术的分类，找出其中十个有代表性的案例，给大家解析一下他们技术的实现方案。设计师也可以根据技术实现作为你们提供的素材参考因为我主要是对技术分类的介绍，所以只取了不同技术实现的案例，同一种技术实现的不同的设计风格我就不列举出来了。首先稍微提一下，其中包含的技术主要分为：createjs/thresjs/video内联播放/首先第一个呢，是之前腾讯爸爸出品的腾讯动漫的一个APP宣传的H5，这个H5是由腾讯内的TGideas团队完成的以下是TGidea
最近项目刚好用到这种效果，也就是有点像刮刮卡一样，在移动设备上，把某张图片刮掉显示出另一张图片。效果图如下： DEMO请戳右：DEMO 这种在网上还是挺常见的，本来就想直接网上找个demo套用下他的方法就行了，套用了才发现，在android上卡出翔了，因为客户要求，在android不要求特别流畅，至少要能玩，但是网上找的那个demo实在太卡，根本就是没法玩的情况。于是就想自己写一个算了，本文也就权当记录一下研究过程。 这种刮图的效果，首先想到就是用HTML5的canvas来实现，而canvas的
在Web开发的时候经常会遇到浏览器不响应事件进入假死状态，甚至弹出“脚本运行时间过长“的提示框，如果出现这种情况说明你的脚本已经失控了。 一个浏览器至少存在三个线程：js引擎线程(处理js)、GUI渲染线程(渲染页面)、浏览器事件触发线程(控制交互)。 1：JavaScript引擎是基于事件驱动单线程执行的，JS引擎一直等待着任务队列中任务的到来然后加以处理，浏览器无论再什么时候都只有一个JS线程在运行JS程序。 2：GUI 渲染线程负责渲染浏览器界面，当界面需要重绘(Repai