随笔分类 - html5
摘要：Errors during build.Errors running builder "Integrated External Tool Builder" on project project.The builder launch configuration could not be found.Errors running builder "Integrated External Tool Builder" on project project.The builder launch configuration could not be found.Er
阅读全文
摘要：因为android模拟器host文件无法修改，导致无法通过域名使用http方法调用内网服务，因此从网上大量转载的一种方法，这种方法: 1. 通过emulator -avd avdName -partition-size 128 启动模拟器 2.通过adb root 和 adb remount 命令获得root权限。 3.通过 adb pull /system/etc/hosts 命令将hosts文件转移到PC上，手动修改hosts，并且通过adb push将hosts文件再推送回去。这个问题是因为linux中的换行符和window中的回车换行不一致引起的，网上大部分方法是让利用ultra...
阅读全文
摘要：压缩JavaScript文件可以减少代码尺寸，保护源代码，节省网络带宽，加快页面打开速度，甚至优化JS代码。Yahoo有一个压缩JS的工具叫做YUI compressor,Google也有一个工具叫Google Closure Compiler。lifesinger的blog上有一个Slide对它们做了详细的比较。关于如何使用YUI compressor和Google Closure Compiler, 请参照相应的官方文档。本篇主要是将压缩命令整理成build.xml，然后通过ant命令来执行。下面是项目的build配置文件： ...
阅读全文
摘要：简介HTML5 canvas 最初起源于苹果（Apple）的一项实验，现在已经成为了web中受到广泛支持的2D快速模式绘图（2Dimmediate mode graphic）的标准。许多开发者现在利用它来实现众多的多媒体项目、可视化醒目以及游戏等等。然而，随着我们构建的应用程序的复杂度的增加，我们难免会遇到所谓的性能问题。已经存在众多优化canvas性能的方法了，但是还没有一篇文章将这些方法系统的整理并加以分析。本文的目的就在于将这些方法整理、巩固以使其曾为 开发者们更容易理解、消化、吸收的资源。本文囊括了适用于所有计算机绘图环境（computer graphics environments）
阅读全文
摘要：开这个博客的初衷主要是想沉淀一下我最近即将开展的对于HTML5及移动端性能方面的一些探索，而appcache我们更加关注的是缓存策略上对于性能的优化上的帮助，所以对于appcache的运行过程我们需要更加地清楚，昨天的Application Cache API （一）整体介绍了一下appcache，接下来会对appcache做一些黑盒测试，以便我们了解更多。 这个demo中主要涉及到3类资源，两个页面，我们观察3类资源在不同的场景下浏览器的appcache策略。 demo代码： test1.html如下：<html manifest="manifest.appcache&quo
阅读全文
摘要：Application Cache API （一）2012-06-12 18:51 by BlackBird, 481 阅读,0评论,收藏,编辑什么是Application Cache API？HTML5提供了一系列的特性来支持离线应用： application cache localStrorage web SQL & indexed database online/offline events本文要讲的是application cache。传统的web程序中浏览器也会对资源文件进行cache，但是并不是很可靠，有时起不到预期的效果。而HTML5中的application cache
阅读全文
摘要：hashchange事件会在页面URL中的片段标识符(第一个#号开始到末尾的所有字符,包括#号)发生改变时触发.通用信息规范HTML5接口HashChangeEvent是否冒泡是能否取消默认行为不能目标defaultView默认行为无属性PropertyTypeDescriptiontargetRead onlyEventTargetThe browsing context (<code>window</code>).typeRead onlyDOMStringThe type of event.canBubbleRead onlybooleanDoes the eve
阅读全文
摘要：概述window.onpopstate是popstate事件在window对象上的事件句柄.每当处于激活状态的历史记录条目发生变化时,popstate事件就会在对应window对象上触发. 如果当前处于激活状态的历史记录条目是由history.pushState()方法创建,或者由history.replaceState()方法修改过的, 则popstate事件对象的state属性包含了这个历史记录条目的state对象的一个拷贝.调用history.pushState()或者history.replaceState()不会触发popstate事件.popstate事件只会在其他浏览器操作时触发
阅读全文
摘要：window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退，而在HTML5中，更可以操纵历史记录中的数据。历史记录概览可以通过back()，forward()和go()方法在用户的历史记录中前进与后退。前进与后退在历史记录中后退，可以这么做：window.history.back();这就像用户点击浏览器的后退按钮一样。类似的，你可以前进，就像在浏览器中点击前进按钮，像这样：window.history.forward();移动到指定的历史记录点通过指定一个相对于当前页面位置的数值，你可以使用go()方法从当前会话的历史
阅读全文
摘要：浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工 作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、Chrome及Safari，Safari是部分开源的。根据W3C（World Wide Web Consortium万维网联盟）的浏览器统计数据，当前（2011年5月），Firefox、Safari及Chrome的市场占有率综合已接近60％。（原文为2009年10月，数据没有太大变化）因此
阅读全文
摘要：简单了解了HTML和CSS之后，是时候深入学习如何组合使用这两个语言了。在开始创建一个网页之前你不但需要学习不同的类型的内容需要哪个HTML元素来显示，而且需要了解这些元素有什么样的表现，这样你才能得到想要的结果。另外，一旦开始写代码你需做到尽可能的语义化。语义化的书写代码包括确保代码有组织性，并做出明确的决定。语义化概述在此之前语义化已经被提到过很多次了，究竟什么才是语义化？HTML中的语义化是一种赋予页面内容意义和结构的做法。语义化扮演了页面内容的价值，语义化不仅仅只是为了样式的考虑。使用语义化的代码有很多的好处，包括能够让电脑、屏幕阅读器、搜索引擎、以及其他的设备更加充分的阅读和理解网页
阅读全文
摘要：表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢？HTML5里引用了新的API，history.pushState和history.replaceState，就是通过这个接口做到无刷新改变页面URL的。与传统的AJAX的区别传统的ajax有如下的问题：1、可以无刷新改变页面内容，但无法改变页面URL2、为了更好的可访问性，内容发生改变后，通常改变URL的hash3、hash的
阅读全文
摘要：Filters主要是运用在图片上，以实现一些特效。（尽管他们也能运用于video上），不过我们在些只来讨论图片上的运用。语法 elm { filter: none | <filter-function > [ <filter-function> ]* } 其默认值是none，他不具备继承性，其中filter-function一个具有以下值可选：grayscale灰度sepia褐色（求专业指点翻译）saturate饱和度hue-rotate色相旋转invert反色opacity透明度brightness亮度contrast对比度blur模糊d...
阅读全文
摘要：标题直译一下就是：变形、过渡、动画。好像都是用来实现CSS动画的！是的，不过至于他们分别做什么用，大概会迷惑吧？反正我自己是迷惑了很久（就这样的人了）。要分清他们之间的区别，得跳出“动画”这么一个概念来谈谈。首先是Transform，变形。这货和动画根本就没关系。。什么？CSS3新增的哦，很多动画都看到他。。没错，很多动画都有，所以很容易迷惑，其实没有他同样也可以做动画，等下会说到。那么这货是什么呢？Transform定义的只是普通的CSS3属性，普通到和width、height没太大区别，不同的是他比其它CSS属性更犀利，有了他我们可以实现变形、旋转、缩放、移位及透视等功能，通过一系列功能的
阅读全文
摘要：http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#the-canvas-element/https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial?redirectlocale=en-US&redirectslug=Canvas_tutorialhttp://simon.html5.org/dump/html5-canvas-cheat-sheet.html
阅读全文
摘要：http://www.w3school.com.cn/html5/html5_ref_globalattributes.asphttp://www.w3school.com.cn/html5/html5_ref_standardattributes.asp
阅读全文
