第0.1节 HTML5和桌面软件开发的碰撞当我们谈论桌面软件开发技术的时候，你会想到什么？如果不对技术本身进行更为深入的探讨，在我的世界里，有这么多技术概念可以被罗列出来（请原谅我本质上是一个Windows程序员的事实）。操作系统 API。操作系统发展到今日，几乎桌面应用的所有功能，都是基于系统API构建的。调用API和语言及技术无关，哪怕是使用汇编。例如（代码来源于网络，本地重新编译）：;我的第一个win32汇编程序;一个经典的...
前言HTML5 的 web Storage 存储方式有两种：localStorage 和 sessionStorage。这两种方式都是通过键值对保存数据，存取方便，不影响网站性能。他们的用法相同，存储时间不同。localStorage 的数据保存在本地硬件上，可以永久保存，可以手动调用api清除数据。sessionStorage 保存在 session 对象中，会在浏览器关闭时被清除。web Storage 的大小在浏览器上是有限制的，不同浏览器大小会有区别，在主流浏览器中，大小约为 5M，用来存...
之前的一个微信项目已经要结项了，最近整理一下项目中使用较多的canvas画图方面的知识吧，打算写个3,4篇的样子。本篇主要介绍基础操作和弧线画法。 之后再写一下趋势图，直方图，文本图像处理的。 言归正传，canvas元素本身是一个容器元素，提供一块画布，用脚本来实现想要画什么。为了演示使用，我们新增一个空的aspx页。 首先，我们新增一个canvas元素： <canvas id="myConvas" style="display:block; margin:...
nav元素的使用场合aside元素的使用场合aside元素主要有以下两种使用方法：1、被包含在article中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的参考资料、名词解释等2、在article元素之外使用，作为页面或站点全局的附属信息部分html5细节概述1、一个网页内并未限制header元素的个数，可以拥有多个，也可以为每个内容区块加一个header元素（footer同理）2、autofocus：一个页面上只能有一个控件具有该属性3、patter...
Html5学习系列 HTML5 规定了一种通过 video 元素来包含视频的标准方法 Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 如需在 HTML5 中显示视频，您所有需要的是：<video src="movie.ogg" controls="controls"></video>control 属性供添加播放、暂停和音量控件。 HTML5 规定了一种通过 audio 元素...
HTML5 向开发人员提供了很多新的标签, 如 section, nav, article, header 和 footer 等. 这些标签语义化程度高, 会被经常使用, 但在 IE6, IE7, IE8 和 Firefox 2 等老式浏览器中不能识别和正常使用. 为什么老式的浏览器不能识别这些标签? 其实错不在浏览器, 因为在那个时代根本不存在这种标签, 所以不能正确识别出来, 而这种不寻常的标签识别令 DOM 结构变得异常.我们有测试代码如下. 是一个文章标题和蓝色字的文章内容, 其中文章内...
摘自: http://www.cnblogs.com/yuzhongwusan/archive/2011/11/17/2252207.html HTML5能为我们做的事儿很多，最为可口的就是语义化标签的应用，如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x，那这篇文章对你一定有用，因为现在你也可以在IE上用到HTML5。好吧！大前端今天的主题是：HTML5 Shiv下面是引用Google的html5.js文件，好处就不说了：<!--[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/...
原文:Html5 学习系列（四）文件操作API引言 在之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术，由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表现，从另外一个角度来说就是让我们的web应用依赖了第三方的插件，而不是很独立，不够通用。在HTML5标准中，默认提供了操作文件的API让这一切直接标准化。有了操作文件的API，让我们的Web应用可以很轻松的通过JS来控...
都知道这个属性是检查你 是否填写了字段也就是说咱们不用判断输入的数值是否为空的情况了 但是这个属性一定要和form配合在一起使用单独的使用是不可以实现的<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>required</title></head><body><form action="" method="get"><input type="text" required="required"><input type="submit" value="提交"></form></body></html> 原文：http://www.cnblogs.com/ling-...
ApplicationCache主要简介：applicationCache对象实现HTML5对应WEB离线功能。下面我们来主要讲解applicationCache对象的一些主要功能和方法applicationCache对象记录着本地缓存的各种状态及事件。缓存的状态可以通过window.applicationCache.status获得，其状态主要包括如下6种：<span style="font-family:Microsoft YaHei;font-size:12px;">interface ApplicationCache:EventTarget{const unsigned short UNCACHED=0;//未缓存cons...
前言随着HTML5的流行，LZ作为一个web开发者，也决定学习一下前端前沿技术。HTML5 是下一代的HTML，它将成为 HTML、XHTML 以及 HTML DOM 的新标准。它是W3C（ World Wide Web Consortium）和WHATWG（Web Hypertext Application Technology Working Group）合作的结果，在2014年10月29日宣布完成。他们为 HTML5 建立的一些规则：1、新特性应该基于 HTML、CSS、DOM 以及 JavaScript。2、减少对外部插件的需求（比如 Flash）3、更优秀的...
大家可能都知道HTML5中出现了很多以前没有的标签，例如，header，nav，和footer，在这之前我们如果开发相关的页面布局的时候，往往都是使用CSS来定义相关的头部，导航及其页底部分，如下：#nav{ padding： 10px... } #header{ padding： 10px ... } #footer{ padding： 10px ... } 定义完之后呢，我们使用p标签来组织页面结构，如下：<div id=“header”></div> <div id=“nav”></div> <div id=“footer”></div>这样的代码...
HTML5 向开发人员提供了很多新的标签, 如 section, nav, article, header 和 footer 等. 这些标签语义化程度高, 会被经常使用, 但在 IE6, IE7, IE8 和 Firefox 2 等老式浏览器中不能识别和正常使用.为什么老式的浏览器不能识别这些标签? 其实错不在浏览器, 因为在那个时代根本不存在这种标签, 所以不能正确识别出来, 而这种不寻常的标签识别令 DOM 结构变得异常. 我们有测试代码如下. 是一个文章标题和蓝色字的文章内容, 其中文章内...
《Web 前端开发精华文章推荐》2014年第2期（总第23期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。 文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
《Web 前端开发精华文章推荐》2014年第6期（总第27期）和大家见面了。梦想天空博客关注 前端开发 技术，分享各类能够提升网站用户体验的优秀 jQuery 插件，展示前沿的 HTML5 和 CSS3 技术应用，推荐优秀的 网页设计 案例，共享精美的设计素材和优秀的 Web 开发工具，希望这些精心整理的前端技术文章能够帮助到您。 文章来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源