∪∩deniable Design

个人JAVA版GAE(google app engine),struts2+jpa+jQuery开发,互相交流 http://iunbug.appspot.com/
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

06 2012 档案

     摘要: 阅读全文

http://www.iunbug.com/archives/2012/06/14/360.html

你可能听说了这个新MVC框架: CanJS。还有什么比用它来创建一个联系人Web App更能深入了解它的办法呢?当看完这三篇教程,你将全面了解用它的什么工具来创建你自己的Web App。
选择正确的库

创建一个JS APP没有好的工具是很有难度的,jQuery只是操作DOM的库,没有提供任何创建APP的基础,这就是为什么我们要一个类似CanJS的专门的库。

CanJS 是一个轻量级的MVC库,提供你创建一个JS APP所需的工具。

CanJS 是一个轻量级的MVC库,提供你创建一个JS APP所需的工具。 它提供有MVC (Model-View-Control) 模式的基本框架,模板动态绑定, route的支持且 内存安全。同时支持 jQuery, Zepto, Mootools, YUI, Dojo,有丰富的扩展和插件。

第一部分你将学到:

  阅读全文

posted @ 2012-06-18 12:09 ∪∩BUG 阅读(294) | 评论 (0)  编辑 |

     摘要: PageSpeed Insights早在2年前google就推荐了这个工具的预览版,现在他们推荐一个功能全面的2.0版本。作为Chrome开发者工具的扩展。可以对你的网站进行全面的分析,包括静态资源文件,网络,DOM和timeline等。下载安装之后打开发者工具就到下图的按钮,点击分析即可得到一份全面的报告。

阅读全文
http://www.iunbug.com/archives/2012/06/14/353.html  阅读全文

posted @ 2012-06-14 11:44 ∪∩BUG 阅读(224) | 评论 (0)  编辑 |

     摘要: 这是我们目前所知iOS6的Mobile Safari给前端开发者所带来的,我期望在接下来的Beta版中惊喜更多用户体验更好。

阅读全文


http://www.iunbug.com/2012/06/12/ios6的mobile-safari给前端开发者带来了什么/  阅读全文

posted @ 2012-06-12 18:45 ∪∩BUG 阅读(149) | 评论 (0)  编辑 |

     摘要: 阅读全文
http://www.iunbug.com/2012/06/07/%E7%94%A8yuidoc%E6%96%87%E6%A1%A3%E5%8C%96javascript%E4%BB%A3%E7%A0%81/

文档化你的JS代码有点类似于测试; 我们都意识到要这么做,但我们都不确定怎么做,大多数人都没有做,但其实我们非常支持这么做。YUIDoc正是应付这个问题的最佳方案,那么,本教程将使你快速掌握它。

http://www.iunbug.com/2012/06/07/%E7%94%A8yuidoc%E6%96%87%E6%A1%A3%E5%8C%96javascript%E4%BB%A3%E7%A0%81/  阅读全文

posted @ 2012-06-11 15:05 ∪∩BUG 阅读(153) | 评论 (0)  编辑 |

     摘要: 背景:http://www.travelog.me/ 上的背景图片是高斯模糊的效果,而他们用的库就是Pixastic。
Pixastic 是一个强大的图片处理JavaScript库,可以让你轻易的对图片执行各种处理,无论是滤镜还是各神奇的效果只需要几行JS代码即可以做到。 仅需要浏览器支持Canvas。

阅读全文
http://www.iunbug.com/2012/06/07/pixastic%E5%BC%BA%E5%A4%A7%E7%9A%84%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86js%E5%BA%93%EF%BC%8C%E6%94%AF%E6%8C%81%E6%BB%A4%E9%95%9C%E7%AD%89%E8%B6%85%E8%BF%8728%E7%A7%8D%E5%A4%84%E7%90%86%E6%95%88/  阅读全文

posted @ 2012-06-07 15:33 ∪∩BUG 阅读(1070) | 评论 (0)  编辑 |

     摘要: 到目前,本系列文章集中讲了File对象能在用户参与下对操作文件的产生的积极效果。事实上File对象是Blob的特殊类型。即大块的二进制数据,File对象的大水的类型等属性都继承自Blob。

大多时候, Blob 的 File是可以同时使用的。例如,可以用FileReader从Blob中读取数据,可以通过URL.createObjectURL()来创建一个URL对象。

阅读全文

http://www.iunbug.com/2012/06/06/%E8%AF%91javascript%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C5-bolb%E7%B1%BB%E5%9E%8B%EF%BC%88%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%A4%A7%E5%AF%B9%E8%B1%A1%EF%BC%89/  阅读全文

posted @ 2012-06-06 19:48 ∪∩BUG 阅读(118) | 评论 (0)  编辑 |

     摘要: 从这系列的以上文章中,你已经学到以传统的方式使用文件。你可以上传文件到服务器,可以从硬盘中读取文件。这些都是最普遍的操作文件的方式。然而,还有一个全新的方式让你能简化任务,就是使用 URL 对象。
何为 URL对象?
URL对象是硬盘上指向文件的URL。例如,你想在页面上显示用户系统里的一张图片,服务器不必知道对应文件,当然也不用上传它。你只需在页面中加载它即可。是的,前面的文章中提到,获取文件的引用,读取 data URI,然后赋值给一个 元素。不过细想其中多浪费:图片原本就在硬盘上,还要转换成另一个格式再用之?如果你创建一个URL对象,你可以直接赋值给 元素而后直接加载文件。

阅读全文
http://www.iunbug.com/2012/06/05/%E8%AF%91file-api%E4%B9%8Bjavascript%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C4-url%E5%AF%B9%E8%B1%A1/  阅读全文

posted @ 2012-06-06 12:25 ∪∩BUG 阅读(98) | 评论 (0)  编辑 |

posted @ 2012-06-05 17:47 ∪∩BUG 阅读(473) | 评论 (0)  编辑 |

posted @ 2012-06-05 17:47 ∪∩BUG 阅读(61) | 评论 (0)  编辑 |

posted @ 2012-06-05 17:46 ∪∩BUG 阅读(71) | 评论 (0)  编辑 |

     摘要: 背景概述

Google已经在Mobile Web App开发上取得了很大的突破. HTML5已经拉近了Mobile设备Native App与Web App的差距. mobile Gmail 正是Google的Fixed position的最佳实践之一. iPad上的基于两栏的Gmail也运用了这种实现机制.

桌面浏览器本身就支持 position: fixed. 但 mobile Safari在iOS5之前不支持, 我们只能定制一个模拟滚动的工具来替代原生的滚动.

本教程就是在Mobile Web App上如何实现position: fixed的,就以下几点来讲:
如何布局
通过transforms实现滚动的动画效果
通过 transitions实现滚动的惯性冲力
触摸屏幕时中止滚动,即在打断 transitions的执行

跳转看详情
http://www.iunbug.com/2012/06/03/%E7%BF%BB%E8%AF%91%E6%89%8B%E6%8A%8A%E  阅读全文

posted @ 2012-06-03 02:12 ∪∩BUG 阅读(274) | 评论 (0)  编辑 |