摘要：近来公司有个web app 项目运行在移动版android系统上，发现在电脑上跑的很流畅的web页面在移动版webkit上非常不流畅。根本无法和native app相媲美。HTML5的性能还真是让人纠结啊的egg pain... 后来发现国外的Netflix 网络电视服务提供商的web app，全是HTML5实现的，而且2年前就跑在了250多种移动设备上，在40多个国家上市，UI非常流畅。所以觉得HTML5还是勉强有救的。公司找了Netflix的资料，决定对自身的web app项目进一步优化，到目前为止效果非常明显。不废话了，以下就是优化点：1、使用设置内联样式取代改变class，即直接... 阅读全文

摘要：最近进了一家新公司，主要是做互联网电视盒子的，盒子系统用的是android，界面则由html5来弄，在mac上开发完放到盒子中运行时发现真的性能很差，非常卡，很多时候还黑屏。所以要非常注重性能优化，特别是css3上有很多坑啊。网上关于css3优化的中文资料相当少，没办法只能google国外的资料了，最后发现了zepto.js作者Thomas Fuchs的博客，觉得这大牛说的应该没错。1、图片图片在移动设备上渲染是众所周知的慢2、渐变gradients这个属性在公司的电视盒子上跑时明显感觉到性能非常差-webkit-gradient, 渐变在浏览器中真实的实现是构建一张位图并渲染到浏览器，这和从 阅读全文

摘要：这是这个系列教程的第二部分，也是最后一部分，第一部分教程请点击这里While thelast part of the tutorialcovered the basic CRUD methods get/getAll/put/delete, this part is about the real thing: running queries against the store.To do so, we need to get familiar with two things: Creating indexes, and creating keyRanges.上一讲，我们讲了几个基础操作API方 阅读全文

摘要：最近的HTML5项目中要用到客户端数据持久化，就尝试了一下HTML5客户端数据持久化方案。本来选用的是indexedDB来保存服务器数据至本地，但由于webkit升级后原本用IndexedDB写好的逻辑报错，加之操作IndexedDB比较奇葩，干脆又选用了web sql。但是web sql 对于前端人员用习惯了javascript再来写sql语句操作数据库总感觉怪怪的。所以自己把sql语句封装成了一个js库，取名为websqlWrapper.websql浏览器支持情况，pc与移动端都比较良好介绍WebsqlWrapper是一个简化websql操作的javascript库，在BSD协议下开源发布 阅读全文

摘要：在公司近期做一个关于用html5和c++封装webkit内核实现游戏大厅的项目;简称html5游戏大厅，可以以APP方式接入各种技术实现的游戏，比如webgame,客户端游戏,flash游戏等。游戏大厅其实C++早就做的很成熟了并且已经运营多年，但由于近期HTML5的势头强劲，加之google的v8 javascript引擎之强力，公司决定尝试性用c++打包webkit内核，在webkit上用html5来实现游戏大厅的游戏界面布局，本地缓存，通信等；========== C++实现的游戏大厅有以下几点弊端 =======1、UI布局比较困难；2、一旦UI上有一点点变化，则需要用户更新整个或部分 阅读全文

摘要：现在html5被炒的很火，特别是chrome的版本不断更新，越来越多的css3属性的支持。到目前为止确实可以使用css3+html5制作出可以媲美桌面应用的web应用了。除了IE的兼容性问题，其它浏览器基本上已实现W3C所制定的那套东西，当然chrome中其中表现最好的一个浏览器，想用html5开发应用，要么逼客户使用chrome或firefox浏览器，要么用开源的webkit自己封装一个客户端环境。后者就是我们公司采用的方案前段时间为公司开发了一个基于html5+css3为前端基础的游戏，名叫"农夫乐园"，类似于QQ的玫瑰小镇，不同的是我们的游戏是用html5+css3实 阅读全文