∪∩deniable Design

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

06 2012 档案

深入详解前端轻量级MVC框架新贵CanJS(1)

     摘要: 阅读全文

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 阅读(373) | 评论 (0)  编辑 |

Google推出强大的网站速度分析和优化建议的Chrome开发者工具扩展插件：PageSpeed Insights

     摘要: 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 阅读(308) | 评论 (0)  编辑 |

iOS6的Mobile Safari给前端开发者带来了什么

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

阅读全文


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

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

[译]用YUIDoc文档化JavaScript代码

     摘要: 阅读全文
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 阅读(231) | 评论 (0)  编辑 |

Pixastic:强大的图片处理JS库，支持滤镜等超过28种处理效果

     摘要: 背景：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 阅读(1583) | 评论 (0)  编辑 |

[译]JavaScript文件操作(5)-Bolb类型（二进制大对象）

     摘要: 到目前，本系列文章集中讲了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 阅读(195) | 评论 (0)  编辑 |

[译]JavaScript文件操作(4)-URL对象

     摘要: 从这系列的以上文章中，你已经学到以传统的方式使用文件。你可以上传文件到服务器，可以从硬盘中读取文件。这些都是最普遍的操作文件的方式。然而，还有一个全新的方式让你能简化任务，就是使用 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 阅读(174) | 评论 (0)  编辑 |

[译]File API之JavaScript文件操作(2)-FileReader

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

[译]File API之JavaScript文件操作(3)- 进度事件和错误处理

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

[译]File API之JavaScript文件操作(1)-基础

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

[翻译]手把手教你编写iOS上Mobile Web App实现Fixed Position和模拟滚动

     摘要: 背景概述

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 阅读(358) | 评论 (0)  编辑 |