陆凌牛-CSDN博客

原创利用requestAnimationFrame实现智能动画

更多HTML 5文章请查阅HTML 6在线网站http://www.html5online.com.cn什么是requestAnimationFrame? 在过去,为了使用JavaScript脚本代码实现动画,你需要使用一个定时器来指定每隔一段时间使页面显示效果产生一些变化。最近,浏览器厂商决定提供一些API来优化动画的实现方法。于是,在HTML 5新增window.re

2013-05-03 22:13:05 1227

原创类型数组：在浏览器中处理二进制数据

更多HTML 5文章请查阅HTML 6在线网站http://www.html5online.com.cn本文概述类型数组是一个最近被使用到浏览器中的概念,它起源于在WebGL API中对于二进制数据进行有效处理的需求。一个类型数组代表一小段内存,可通过类型数组视图对该内存段中的数据进行查看。因为类型数组直接代表内存,所以JavaScript引擎可以直接通过它对内存

2013-05-03 22:09:07 1728

原创内容安全策略

更多HTML 5文章请查阅HTML 6在线网站http://www.html5online.com.cn本文概述在传统Web应用程序中,数据的安全性是通过同源策略来实现的。站点A中的代码只能访问站点A中的数据。每一个站点均处于孤立状态,从而保证每一个站点中数据的安全性。从理论上来说,这种做法是无懈可击的,但事实上,许多网络攻击者都已经聪明地发现了如何突破这种限制的方法。

2013-05-03 22:01:48 1727

原创使用HTML 5捕捉音频与视频信息

更多HTML 5文章请查阅HTML 6在线网站http://www.html5online.com.cn本文概述长期以来,音频与视频信息的捕捉一直是Web开发中的一个难点。许多年来,我们一直依赖浏览器插件来实现这个需求。在HTML 5中,出现了许多可以访问硬件设备的API,例如访问GPS设备的Geolocation API、访问accelerom

2013-05-03 21:54:11 881

原创 HTML 5中几种用于在客户端本地存储数据的API之间的比较

更多HTML 5文章请查阅HTML 6在线网站http://www.html5online.com.cn本文概述本文将HTML 5中几种用于在客户端本地保存数据的API进行比较,这些API包括Web Storage API,Web SQL Database API,Indexed Database API与FileSystem API。这几种API的作用均为将数据保存在

2013-05-02 22:03:58 1855

原创利用Canvas API制作图像滤镜

更多HTML 5文章请查阅HTML 6在线网站http://www.html5online.com.cn本文概述 HTML 5中的Canvas API可以被用于对一幅图像制作一个滤镜。我们所需要做的就是在一个canvas元素中绘制一幅图像,获取该canvas元素中的所有像素,并且对这些像素添加滤镜效果。你可以将添加滤镜效果后的所有像素输出到一个新的canvas元素或原ca

2013-05-02 21:57:43 1100

原创在Web应用程序中使用Canvas API

更多HTML 5文章请查阅HTML 6在线网站http://www.html5online.com.cn本文概述本文介绍如何在一个Web应用程序中利用HTML 5中的Canvas API创建、编辑、打开与输出图像。检测浏览器是否支持Canvas API 首先,我们需要检测用户浏览器是否对HTML 5中的Canvas API提供支持。一个简单的方法是利用Mode

2013-05-02 21:51:54 8194 1

原创在Web开发中使用多点触碰技术

更多HTML 5文章请查阅HTML 6在线网站http://www.html5online.com.cn本文概述近些年,智能手机等移动设备都使用一个电容式触碰敏感屏幕来捕捉用户手指在设备屏幕上的交互操作。随着移动平台上的Web开发技术的发展,开发者需要寻求一种方法对用户手指在设备屏幕上所进行的交互操作来进行处理。例如,在一些手机游戏中,需要对用户同时按下多个按钮的操作进

2013-05-02 21:38:49 1066

HTML 5中的文件系统API与Web Workers API是两个非常重要的API。其中文件系统API的作用是为Web应用程序提供一个具有阶层目录结构的文件系统,能够在该文件系统中创建及删除具有阶层结构的目录及文件,能够读写文件中的内容。而Web Workers API的作用是使Web应用程序具有创建后台线程的能力,能够在Web应用程序中使用多线程处理技术。然而,如果将这两者结合起来,你可以创建

2013-05-02 21:29:03 524

原创 CORS(跨源资源共享)

目前为止,在Web应用程序中,可以通过使用JSON-P(基于安全因素的考虑而被受限使用)或设置一个自定义代理(安装与维护比较麻烦)的方法来实现跨域请求。CORS(Cross-Origin Resource Sharing,跨源资源共享)是W3C小组制定的一个标准,它允许浏览器实现跨域通信。通过建立一个XmlHttpRequest对象,CORS允许开发者象实现同源请求那样实现跨源请求。COR

2013-05-02 21:24:34 853

原创在WebKit引擎的浏览器中实现CSS滤镜特效

在Web中,滤镜特效技术已经被使用了一段时间,但主要被应用在SVG元素上。在实现被渲染之前图形或图像的饱和度增强,图像扭曲或模糊处理方面,滤镜特效技术都体现出了它强大的威力。2009年,Mozilla公司对滤镜特效技术进行进一步的扩展,使滤镜特效技术可以被应用在页面元素上。全文请见以下地址：http://html5online.com.cn/articles/2012080908.ht

2013-04-29 18:38:13 459

原创 Web Audio API常见问答

在最近几个月里,WebKit引擎系列的浏览器开始在游戏与音频类Web应用程序中使用Web Audio API。广大开发者在对该API逐渐熟悉的过程中,提出了各种各样的问题。本文对一些被问频率比较高的常见问题进行回答,帮助你来更好地熟悉该API。全文请见以下地址：http://html5online.com.cn/articles/2012080909.html

2013-04-29 18:35:50 613

原创使用HTML 5打造高效的Web应用程序

在HTML 5中，新增大量API来提高应用程序性能，增强用户体验，或者对应用程序现有的功能进行扩展。本文并不针对HTML 5中的任何API进行详细介绍，只向大家介绍如何更好地使用这些API来提高我们的Web应用程序的性能。全文请见以下地址：http://html5online.com.cn/articles/2012080801.html

2013-04-29 18:34:19 590

原创使用HTML 5打造离线Web应用程序

在HTML 5中，通过使用如下所示的两种方法来实现离线应用程序。本地缓存：用于在客户端本地缓存服务器端的HTML文件、JavaScript脚本文件、图片文件、CSS样式文件等资源文件。WebStorage、本地数据库或本地文件系统：用于增删查改需要被存放在客户端本地的数据。本文介绍如何结合使用本地缓存与本地数据库来打造一个离线应用程序。全文请看以下链接http://html5o

2013-04-29 18:31:37 472

原创通过文件API阅读文件

在HTML 5中,新增一个文件API,用于读取客户端磁盘文件系统中的文件内容。同时,开发者也可以通过该API来验证用户上传的文件是否为指定格式的文件,或者限制上传文件的大小。在文件API中,通过如下所示的几个对象来访问客户端磁盘文件系统中的文件：File对象：代表一个文件,可以通过该对象来读取文件名、文件尺寸与文件类型。FileList对象：代表一个File对象的集合。例如一个文件

2013-04-29 18:30:16 467

原创 Web Workers快速入门

在HTML 5之前,由于客户端脚本代码中存在的一些问题,迫使开发者将大量处理放在服务器端执行。其中一个问题就是客户端脚本代码在运行时产生的性能瓶颈。产生该问题的原因是由于JavaScript脚本代码内部不具备多线程机制,因此所有处理都必须被放在一个线程内部执行。过去,开发者通常使用诸如setTimeout方法、XMLHttpRequest对象或事件处理函数等技巧来克服这个性能瓶颈,因为

2013-04-29 18:25:57 456

原创离线应用程序的意义及作用

在HTML 5之前,"Web"与"在线"是两个非常类似的概念。为什么在HTML 5中引入"离线"的概念,这个概念又意味着什么? 首先,我们来看一下什么是HTML 5中的离线应用程序。一个完全离线的应用程序,是指运行在浏览器中,但是可以不在网络环境中运行的应用程序。一般来说,它们可以从硬盘、U盘或DVD中直接运行。例如,当你在参加一个会议的时候,你可以将U盘插入计算机中,然后从浏览器中

2013-04-29 18:18:54 1737

原创 3D与CSS

在过去相当长的一段时间内,3D技术一直被应用在桌面型应用程序内。最近,随着智能电话中一些显卡硬件加速（即GPU加速）技术的应用,3D技术也开始逐渐被应用在Web应用程序中。自从WPF与Silverlight中使用透视投影变换(Perspective transforms)技术开始,对用户界面上的元素使用一个合适的CSS模型正式成为开发者实现3D效果的一种方法。2009年3月,CSS 3D

2013-04-29 17:45:26 470

IT新技术