学canvas时候发现了这个问题，情况分析：

1：google版本不支持canvas的drawImage方法，

2：传入参数不正确导致浏览器报错（是由于image加载是异步的，可能没加载完成就开始执行相应的代码，结果资源获取不到）。

3： var canvas = document.getElementById('canvas');
     var context= canvas.getContext('2d');有可能你没有获取2D的上下文，晕，我就是这种，至于第二种情况下面有解答方法。

ie6 可以直接显示本本地路径的图片 如： <img src="file://c:/3.jpg" />  ~~~网上都说ie7就不支持这种文件系统路径的url，但测试 xp ie8还是可以的

ie8+ alphaImageLoader滤镜方式加载本地路径的图片

chrome, firefox, 用dataUrl  或 createObjectURL方法实现

Q1：对各种JavaScript库的优点和缺点一直存在很多争论。在您看来，开发人员应该怎么选择合适的库？

Zakas：选择JavaScript库的时候，有几个非常重要的方面要考虑。首先，就是时间问题，也就是你的项目多长时间必须做完？如果时间很短，那最好选择你最熟悉的JavaScript库。如果时间不那么紧迫，那你可以研究一下别的库。此时，必须要回答几个问题。还有谁在使用这个JavaScript库？这个库有人在不断完善吗？这个库的文档是否完整详细？这个库的背后有没有一个社区，假如你遇到了问题，能不能获得该社区的支持？是否容易找到具有使用这个库经验的工程师？这个库能不能解决你的所有问题，还是只能解决其中一部分？所有这些都是在选择某个JavaScript库时需要考虑的重要因素。

Q2：你对HTML5的未来怎么看？现在的宣传是不是太过分了？

绝对值得看的来篇，哈哈。本人亲自完成，有错误请大家指出：
现在的手机完美支持html5,所以如果手机端想要做个抽奖模块的话,用刮刮卡抽奖效果,相信这个互动体验是非常棒的
​ps:由于本人没有wp8系统的手机,所以没法兼容wp8系统的,目前完美兼容android,IOS
如果要在pc浏览的话，得改下js,目前支持谷歌，火狐，ie>=10,如果网友想要的话我就去写个
代码如下: 

HTML5和CSS3的兴旺，带给用户更炫更好的体验，一些网站不仅在内容，可用性，设计，功能等方面，让人耳目一新；交互设计细节和动画更是与众不同。我们将分享一些模型的经验，分析一下这些简单的模式为什么效果很好。

前奏

YouTube播放器已经支持HTML5嵌入。YouKu目前全站支持HTML5，不过嵌入代码还是Flash的。那么html5的视频资源都是怎么个形式呢？ 我们知道：html5 video是用来播放视频的，那它支持哪些格式呢？

当前，video 元素支持三种视频格式：

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

手机开发火了很久了，各种app玲琅满目，一直开发pc web版的前端人员，怎么转到移动开发上呢？wap站？好老了，现代浏览器，很大的特点是：webkit内核， 支持html5，css3，国内主流的手机浏览器UC、海豚等，因此pc转移动，也就是要会html5、css3,自然js、html4、css2也是必须的。

高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点： 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度，而在Mobile端本身丰富的场景下，需要额外关注对用户基站网络流量使用的情况，设备耗电量的情况。

...

html5的datauri的介绍和datauri的优缺点以及datauri的浏览器支持情况。检测您浏览器对HTML5 & CSS3的支持情况

一、Data URI简介

Data URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中：

随着html5的广泛应用，为图片链接使用datauri，似乎是一个时髦，有人说，这是为了减少图片的请求数，但是datauri文件增大0.1k; 而且每次都需要解码，消耗cpu;这让手机的芯片情何以堪，为此我们可以考虑缓存这些datauri

在Html5中，可以将图片经过base64编码后直接写在HTML中来展示图片，使用这种方式可以减少Http请求数量，从而可加快页面展示，同时也减少了很多对服务器的压力。

    例: <img src="data:image/png;base64,iVBORw0KGgooCAMAAAC7...（此处略去N个字）...lFTkSuQmCC"/> 

之前，我们介绍了，sencha touch和phonegap区别，AppCan作为国内数一数二的手机开发平台，那么它和老牌的phonegap，有什么不同？

简介

Phonegap

       PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点，因为虽然基本代码是一样的，但是你仍然需要为每个平台分别编译应用程序。