摘要：
之前在mac上安装调试过phonegap，现在公司用的是windows7，所以不得不再进行一次windows下的配置工作，顺便也写下来了主要麻烦的地方是要在win7下添加好几个环境变量，这一块地方特别要小心添加步骤挺多的，给你打镇强心剂，看最终成功运行效果先，我还测试集成了某个广告联盟的SDK，如图：开始吧...注意：我下面如果给出的官方下载地址，请您自行去下载，因为我的win7是64位的，可能与你的有点不同。你得下载正确的安装包1、下载nodeJS,并安装Nodejs官方下载地址：http://www.nodejs.org/一步步安装完即可2、下载androidsdkAndroidsdk下载 阅读全文
摘要：
额，这个标题取的还真是挺装的...其实我想表达的是jquery click事件如何在移动端自动转换成touchstart事件。因为移动端click事件会比touchstart事件慢几拍移动设备某个元素上事件执行顺序是：touchstarttouchmovetouchendclick｛mousedown->mousemove->mouseup｝click事件在移动设备上虽然会识别但却是最后一个执行的，所以如果不把click事件换成touchstart事件的话，就可能造成延时导致交互上也慢了几拍所以在移动端最好把click事件换成touchstart事件。那么如何添加事件比较简单呢.于 阅读全文
摘要：
最近突然想弄一下phonegap,之前一直是听说，没亲自配置开发过。结果配置过程非常艰难啊。特别是android平台的配置，那叫一个麻烦，网上搜了半天都没找到非常好的资料。文章也都是抄来抄去，最烦的就是抄来抄去的文章，没亲自测试过就转发了，你转发个毛线啊。事实证明还是得自己亲自解决，花了两天时间终于搞定。写下这篇文章希望对想开发phonegap的同学有所帮助。最新的phonegap貌似用的是nodejs开发的共有以下几个步骤：安装nodejs环境、安装phonegap、安装xcode、安装android SDK跟我进入安装phonegap的艰难之旅吧。。文章有点长不喜勿看安装phonegap3 阅读全文
摘要：
浏览器新提供的performance接口精确的告诉我们当访问一个网站页面时当前网页每个处理阶段的精确时间(timestamp)，以方便我们进行前端分析。它是浏览器的直接实现，比之前在网页中用js设置Date.time或者cookie来分析网页时间上要精确很多。以下是w3c提供的performance.timing各阶段api图暂时的缺点：Navigation Timing stops at the window.onload event现代的网站很多是在onload之后再发触发更多的异步请求，而navigation Timing统计却只在window.onload之后就不统计了 。为什么不在所 阅读全文
摘要：
我出生于1986年年底，普通的小山村，物质应该不算丰富的年代吧。记不太清了。我的出生也算不平凡，我是在家里出生的不是在医院。我出生前几分钟，我姐出生了。家里人抱着我姐洗去了，我出生时好像就一个隔壁小姑娘在我妈旁边，是那个小姑娘去叫大人过来，才发现还有个我啊，亲，非常感谢。上过幼儿园，不过没上完就急着去上小学了，因为年龄不达标为此我爸还多交了20块钱。结果就是一年级重读了一年，留级生啊。没有留过级的人生是不完整的…小学，初中，都算是平安的度过了吧，太平凡了不值一提，反正成绩不好不坏。上完初中，我自己就不想上学了，想着以后找份2000多块钱一月的工作就非常满意了(擦，最后还真TM实现了..杯具)。 阅读全文
摘要：
Mango(芒果) javascript库求forkhttps://github.com/willian12345/mango什么是mangomango是以webkit为内核的浏览器专门编写的javascript库, api高仿jquery apimango在BSD协议下开源发布为什么会写mango.js因为webkit，现在越来越多的公司产品是用native程序包一个webkit内核用html5 来实现UI交互界面，而交互界面javascript又扮演着至关重要的角色。 Jquery几乎成了大多数公司选择的javascript库，如果你作为一个jser连jquery都不会用，那你就别混了，亲 阅读全文
摘要：
近来公司有个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协议下开源发布 阅读全文