蛋丁-互联网的一道菜

11 个最常用的 AJAX 开发框架汇总

danding — Fri, 18 May 2012 16:35:30 +0000

AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML)，是创建交互式Web应用的主要开发技术。互联网中也有大量的关于AJAX的框架，本文汇总了最常用的11个框架。
1. jQuery
jQuery是一个轻量级的Javascript库，兼容CSS3，还兼容各种浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
2. MooTools
MooTools是一个简洁、模块化、面向对象的JavaScript库。它能够帮助你更快、更简单地编写可扩展和兼容性强的JavaScript代码。Mootools跟prototypejs相类似，语法几乎一样。但它提供的功能要比prototypejs多，而且更强大。比如增加了动画特效、拖放操作等等。
3. Prototype
Prototype是Sam Stephenson写的一个非常优雅的JavaScript基础类库，对JavaScript做了大量的扩展，旨在简化动态Web应用程序的开发。Prototype很好的支持AJAX，国内外有多个基于此类库实现的效果库，也做得很棒。
4. ASP.NET AJAX
ASP.NET AJAX是一个完整的开发框架，容易与现有的ASP.NET程序相结合，通常实现复杂的功能只需要在页面中拖几个控件，而不必了解深层次的工作原理，除此之外服务器端编程的ASP.NET AJAX Control Toolkit含有大量的独立AJAX控件和对ASP.NET原有服务器控件的AJAX功能扩展，实现起来也非常简单。
5. Apache Wicket
Apache Wicket是一个针对Java的Web开发框架，与Struts、WebWork、Tapestry类似。其特点在于对HTML和代码进行了有效的分离（有利于程序员和美工的合作），基于规则的配置（减少了XML 等配置文件的使用)，学习曲线较低（开发方式与C/S相似），更加易于调试（错误类型比较少，而且容易定位）。
6. Dojo Tookit
Dojo是一个强大的面向对象的JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供AJAX、events、packaging、CSS-based querying、animations、JSON等相关操作API；Dijit是一个可更换皮肤、基于模板的WEB UI控件库；DojoX包括一些创新/新颖的代码和控件：DateGrid、charts、离线应用、跨浏览器矢量绘图等。
7. DWR（Direct Web Remoting）
DWR是一个Java库，可以帮助开发者轻松实现服务器端的Java和客户端的JavaScript相互操作、彼此调用。 …

Facebook成功的13个密码，适用于每家公司

danding — Fri, 18 May 2012 16:33:22 +0000

在8年以前，Facebook还只是马克·扎克伯格（Mark Zuckerberg）在哈佛大学宿舍中的一个代码项目。而时至今日，Facebook已经成为一家营收达40亿美元的全球企业，用户人数在全球人口总数中所占比例高达八分之一，估值超过1000亿美元。

当Facebook成立之时，其他的许多社交网络也在追逐同一个机会。但最终的结果是，Facebook赢了，而其他网站输了。

以下是Facebook胜出的一些原因，这些原因适用于几乎每家公司。

1. 迅速采取行动

马克·扎克伯格在哈佛大学宿舍中利用闲暇时间建立了Facebook的最初版本。

那时，他并未制定商业计划，并未无休止地让朋友和顾问为其提供想法，也并未对市场进行研究、申请专利或商标、召集小组讨论、或是企业家会做的其他任何事情。

他只是迅速制造了一种很酷的产品，然后发布。

Facebook就这样诞生了。

2. 记住一点：想法比比皆是，重要的是执行

从Facebook发布的那一刻起，有关制作这个网站到底是谁的想法的争论就已开始。

哈佛大学的两名高年级学生Winklevosse兄弟称，这是他们的想法，却被扎克伯格“偷走”了。这引发了一场司法战争，持续了将近10年时间。

与此同时，在哈佛大学以外，其他数十名企业家也都有过类似的想法，而且许多人都曾推出这种想法，但时至今日，剩下来的只有一个Facebook。

原因何在？因为想法比比皆是，重要的是让其成为现实。

正如虚构的马克·扎克伯格在电影《社交网络》中向虚构的Winklevoss兄弟所说的那样：“如果是你们创造了Facebook（这个想法），那么本来应该是你们创造了Facebook（这个网站）。”

当你有一个好的想法时，不要把时间浪费在沾沾自喜上，而应让其成为现实。

3. 简单就是美

许多公司都过度着迷于它们希望在产品中构筑的所有令人惊讶的特性，以至于其产品过于复杂，没人知道如何使用。又或者，它们花费了过长的时间来开发产品，以至于当产品推出时已被超越。

第一个版本的“thefacebook”非常简单，它只做好了一件事情。然后，随着时间的推移，扎克伯格和Facebook团队对其进行了不断的改进。在每一次的改进中，他们都确保这项服务仍易于使用。

4. 想明白未来会有哪些不利因素会“杀死”你的公司，然后确保其不会发生

虽然大多数人都早已遗忘，但Facebook确实远非第一个社交网络。

在Faceobook于2004年成立以前，曾有其他多个大学网络存在过，其中包括哥伦比亚大学和斯坦福大学中的社交网络。

而在大学以外的世界中，Friendster和MySpace也在全球范围内掀起了社交风暴。但是，随后Friendster“自杀”了。

Friendster是如何“自杀”的呢？在拥有后端基础设施来为其提供支持以前，这个网站一直都没有限制使用量，其需求变得过于庞大，以至于其服务的速度大幅减缓。到公司终于修复了后端问题时，大多数的美国用户都已转向其他网络。

而当扎克伯格及其他Facebook联合创始人推出这个网站时，他们对新注册量进行了仔细的控制，每次只增加一个学校，直到确信基础设施能应付得来为止。因此，Facebook一直都在“运行”中。换而言之，扎克伯格正确地发现了一件足以“杀死”Facebook的事情，而且确保这个网站没有成为其牺牲品。

5. 把主要精力放在产品上，而不是“业务”或“股东价值”

众所周知，扎克伯格早期对Facebook的业务不感兴趣，而是把所有精力都集中放在Facebook的产品上。

这种对产品的痴迷达到了很高的程度，以至于扎克伯格不断地拒绝广告客户，因为他不希望Facebook的服务被广告“玷污”。广告不够酷，而扎克伯格希望Facebook一直都很酷。

在Facebook的成长过程中，扎克伯格一直都保持着对产品的焦点关注。他聘用了一些高管——如首席运营官雪莉·桑德伯格（Sheryl Sandberg）和首席财务官大卫·爱博斯曼（David Ebersman）——来运营这家公司的业务和财务活动。

当Facebook准备上市时，扎克伯格致信股东称，这家公司计划首先集中致力于其“社会任务”，而把自身业务放在第二位。毫无疑问，这在华尔街可说是一种“异端”。在华尔街眼中，公司应把全部精力都放在为股东创造价值上；换而言之，也就是全心致力于让股价上扬。

但是，正如亚马逊及其他公司所证明的那样，想要在长期内为股东创造数量庞大的价值，那么最好的方法之一就是把重心放在产品和客户身上。如果能做到这一点，那么业务也将随之而来。这样也就不会象许多公司那样犯下措施，也就是以牺牲产品为代价来把重心放在业务上。没有什么事情能比强调“业务”而忽视产品更能让你面临毁灭或沦为平庸的风险。

6. 让自己善于聘用员工，同时也善于解聘员工…

Facebook 你有所不知的28个秘密

danding — Fri, 18 May 2012 16:27:46 +0000

Facebook今天就要上市了，原先每股28~35美元的IPO目标区间将被提高到每股34~38美元，意味着公司市值将超过1000亿美元，价值甚至超过一些著名科技公司价值的总和。但这家公司以及扎克伯克到底有什么不为人知的秘密？

1）当Facebook上市的时候，价值将超过eBay，Yahoo， Groupon， LinkedIn， Netflix，IAC，AOL， Zynga 以及Pandora的总和。

2）一旦开始交易，Facebook价值将超过亚马逊，但只是险胜。

3）Facebook 联合创始人，被扎克伯克一步一步剔出Facebook的Eduardo Saverin正式宣布放弃美国公民身份

4）据扎克伯格同事说，他最擅长的事情就是炒人。

5）这款博客控制Facebook将近60%的选举权。

6）扎克伯格曾拒绝财富500强维亚康姆的收购

7）扎克伯格曾试着接受过来自Yahoo的收购提议，但在特里塞梅尔在提出降价要求后，又拒绝了收购，导致了后边的专利大战。

8）支付占据Facebook收入总额的15% 。

9）微软的鲍尔默曾在投资Facebook2.4亿之前直接提出要收购Facebook。
10）前Yahoo高管Ellen Siminoff，苹果老员工 Bud Colligan以及前OpenTable CEO Jeff Jordan都曾会见过Facebook 首席运营官谢丽.桑德伯格，也就是监管扎克伯格的人。
11）乔布斯曾在2008的WWDC让Facebook展示自己的iPhone应用，结果……
12）扎克伯格让让一个工厂是以及营销经理来展示，而不是自己上场，结果展示相当糟糕，被乔布斯给取消了。
13）扎克伯格见投资人很不正式，穿着连帽卫衣就去见华尔街投资人了。
14)扎克伯格还在2005年曾参加过CEO培训课。
15）扎克伯格貌似喜欢《欢乐合唱团》
16）扎克伯格还是黑莓粉丝，这也是当初Facebook在移动领域闹笑话的原因之一。
17）扎克伯格到2010年才放弃他的黑莓手机
18）扎克伯格想避免一些怪异的边缘相比比如自驾车，这也是一些Facebook员工讨厌的地方。
19）扎克伯格说，他今年每天都要编程
20）扎克伯格私自决定以10亿美金收购Instagram，此前为征求董事会意见。
21）当美国投资人被次贷危机困扰的时候，扎克伯格寻求海外投资人。
22）Facebook工程师们曾想将“Like”按钮称为“Awesome”按钮（其实小编觉得这个更好）
23）Google当初上市的时候，市值只有Facebook的四分之一
24）在2009年政府调查Facebook是如何改变用户隐私控制的时候，Facebook同意FTC对公司进行长达20年的隐私审查。…

[转]Facebook 是如何管理代码的

四分五裂看安卓：六张图告诉你Android系统有多零碎

danding — Wed, 16 May 2012 16:05:58 +0000

要问什么是Android系统最让人无语的地方，我想“标准”二字绝对可以给谷歌扇一记响亮的耳光。看看下面这些由Open Signal Maps所统计的安卓设备型号分布图吧，Android系统的碎片化情况绝对比你想象的要严重很多。

主流Android设备型号分布图

主流Android设备厂商分布图

我们可以从图中看到，以屏幕分辨率，和系统版本为区分条件，安卓手机就已经能切成如此密密麻麻的一堆碎片，三星Galaxy S II算是最成功的Android手机了，但它也只能勉强占个10%不到的比重。

截止到2012年4月，Android设备的系统使用情况

作者统计的3997款Android设备所具备的屏幕分辨率和尺寸

即使去掉那些非主流设备，剩下的Android设备依然具备如此之多的屏幕分辨率

相比之下，苹果设备的屏幕尺寸就简单多了…

更让人觉得不可思议的是，图片作者在制作过程中一共收集了3997个Android设备型号，但有1363个只在收集过程中遇到过一次，市面上无影无踪。（Dennis：3997？弱爆了！作者应该来我国华强北逛逛，相信他会对“碎片化”这个词有新的理解）

这是一个整个安卓生态环境都需要面对的问题，不管是用户，应用开发者，以及生产商。在用户享受海量选择的同时，他们也需要背负应用的兼容性和体验差异所带来的困扰。更不用说开发者面对这大量的设备要应对的各种运行环境……

详细的报告请点这里看。…

谷歌发布Chrome 19稳定版，可同步已打开的标签页

danding — Wed, 16 May 2012 16:01:54 +0000

谷歌今天面向Windows、Mac和Linux等平台发布了Chrome 19稳定版本，同时IE浏览器内嵌插件Chrome Frame也已更新至该版本。
Chrome 19中引入了同步打开标签的功能，当使用谷歌账户登录到Chrome中时，打开的标签会自动在所有设备使用该账户登录的Chrome中进行同步，可以通过新标签页中“其他设备”菜单来访问这些标签。谷歌称，该功能还未集成到今天更新的版本中，将在今后的更新版本中逐步实现。
除了同步打开标签之外，还会同步书签、应用程序、扩展、历史记录、主题和其他设置等。

此外，Chrome 19修复了一些重要的安全漏洞，其中高危漏洞包括：

CVE-2011-3086：样式元素中的Use-after-free漏洞。
CVE-2011-3089：表格处理中的Use-after-free漏洞。
CVE-2011-3091：带索引的数据库中的Use-after-free漏洞。
CVE-2011-3092：V8正则表达式无效的漏洞。
CVE-2011-3095：OGG容器中的边界外写数据漏洞。
CVE-2011-3097：PDF取样函数中的边界外写数据漏洞。
CVE-2011-3099：带有损坏编码名称的PDF中的Use-after-free漏洞。

用户可以通过“设置（扳手）”菜单中的“关于Google Chrome”来自动更新，也可以通过下面的地址下载安装。
下载地址：https://www.google.com/chrome/eula.html?hl=zh-CN

7 款基于 JavaScript/AJAX 的文件上传插件

danding — Tue, 15 May 2012 15:28:56 +0000

本文整理了7款基于JavaScript和AJAX的文件上传插件，这些插件基本上都能实现以下功能：

多文件上传
拖拽操作
实时上传进度
自定义上传限制

希望能为你的开发工作带来帮助。
1. jQuery File Upload
具有多文件上传、拖拽、进度条和图像预览功能的文件上传插件，支持跨域、分块、暂停恢复和客户端图像缩放。可与任何服务端平台（如PHP、Python、Ruby on Rails、Java、Node.js、Go等）一起使用，支持标准的HTML表单文件上传。

2. Pixelcone Fileuploader
使用HTML5 API的jQuery文件上传插件，支持AJAX上传和拖拽操作，以及针对老版本浏览器的iframe上传部件。有多种形式来实现多文件上传，每种形式由单一的上传脚本来控制。

3. Ajax Upload
该插件使用XHR来上传多个文件，支持拖拽操作，可以在FF3.6+、Safari4+、Chrome等浏览器中完美运行。

4. Plupload
这是一个针对CMS或类似系统的、高度可用的上传插件。支持分块、拖拽、图像缩放、限制文件大小、显示上传进度等。

5. Uploadify
Uploadify是一个jQuery插件，帮助你在网站中轻松添加多文件上传功能，提供了两个版本（HTML5、Flash）。支持多文件上传、拖拽、实时进度显示，提供了大量的定制功能。

6. Ajax File Upload
该插件是Ajaxupload插件的修改版本，不具备HTML5功能。

7. jQuery FileDrop
该插件使用HTML5 API，允许用户从桌面拖动多个文件到浏览器中，并上传每个文件到用户指定的URL。该插件使用HTML5 FileReader()来读取文件数据。
英文原文：…

Adobe 发布 ActionScript OAuth 2.0 库

danding — Tue, 15 May 2012 15:27:37 +0000

Adobe近日发布了一个ActionScript OAuth 2.0库，作为Adobe创建Creative Cloud（Adobe的创新云平台）工作的一部分。
这是一个ActionScript 3库，用于使应用程序连接OAuth 2.0服务。该库基于OAuth 2.0规范（v2.15）实现，因此兼容其他任何OAuth 2.0服务，像Facebook平台、Google APIs、Twitter APIs以及其他服务。

ActionScript OAuth2库示例

OAuth是一个开放标准，允许用户让第三方应用访问该用户在某一网站上存储的私密资源（如照片、视频、联系人列表），而无需将用户名和密码提供给第三方应用。OAuth 2.0是OAuth协议的下一版本，其关注客户端开发者的简易性，同时为Web应用、桌面应用和移动应用提供专门的认证流程。现在百度开放平台、腾讯开放平台等大部分开放平台都是使用的OAuth 2.0协议作为支撑，Facebook的Graph API只支持OAuth 2.0，Google也在去年宣布Google API支持OAuth 2.0。
目前该库的源码托管在Github上，基于Apache 2.0…

vert.x——JVM上的Node.js替代者

danding — Mon, 14 May 2012 02:22:24 +0000

Vert.x是一个用于下一代异步、可伸缩、并发应用的框架，旨在为JVM提供一个Node.js的替代方案。开发者可以通过它使用JavaScript、Ruby、Groovy、Java、甚至是混合语言来编写应用。

如下代码展示了Web服务器是如何通过vert.x来处理静态文件的：

// JavaScript
load('vertx.js')
vertx.createHttpServer().requestHandler(function(req) {
  var file = req.path === '/' ? 'index.html' : req.path;
  req.response.sendFile('webroot/' + file);
}).listen(8080)

# Ruby
require "vertx"
Vertx::HttpServer.new.request_handler do |req|
  file = req.uri == "/" ? "index.html" : req.uri
  req.response.send_file "webroot/#{file}"

…

谷歌推出dart2js，Dart-to-JavaScript编译器

danding — Fri, 11 May 2012 15:34:30 +0000

据谷歌Dart开发团队博客介绍，该团队准备推出一款名为dart2js的编译器，作为当前解决方案“frog”的替代产品。目前dart2js已进入测试阶段。

同frog一样，dart2js是一个由Dart语言编写的编译器，可以用来将Dart代码编译成JavaScript，以便在不支持Dart的环境中运行。不同的是，dart2js提供了更快的编译时间，并且编译后的运行效果与之前相比更加一致、完整，更重要的是，输出的代码更加整洁。
谷歌工程师、Dart开发者Kasper Lund称，

引用

我们创建了新版本的编译器，将开发重点放在了编译的准确性和兼容性上。我们正在积极努力，为的是编译输出更少、更快。预计在未来几周内，编译器的功能和性能会得到进一步改善。

该编译器中包含了最新的Dart编辑器和SDK，Lund鼓励开发者进行测试，并将建议或Bug通过邮件形式报告给开发团队。
需要注意的是，如果开发者想尝试在web应用程序中使用dart2js的输出结果，需要改变HTML文件中的<script>标签，如下：

Html代码

<script type=”application/dart” src=”…” data-compiler=”dart2js”></script>

<script type="application/dart" src="..." data-compiler="dart2js"></script>

Via …

现代化的JavaScript项目make工具：Package.js

danding — Thu, 10 May 2012 02:56:05 +0000

Package.js项目地址：http://code.google.com/p/package-js/

Package.js是一个很方便的JavaScript包依赖管理及Make工具。它的设计目标是使浏览器端的JavaScript Component/App 开发更加模块化。如果您只是在开发一个小型的网站，只会混杂在HTML中写几行JS代码用于改善一下用户体验，那么Package.js也许并不适合您。如果您正在开发一个中到大型的WebApp，有几十甚至几百几千个JS文件和CSS文件、HTML模板文件，如果您正在为管理这些JS模块之间的依赖和加载而烦恼，为发布到生产环境时将JS文件合并打包而写Makefile写得头晕，那么，Package.js，这就是你想要的！赶快来了解并使用Package.js吧！

Package.js主要包含两个部分
• 运行在浏览器中的，用于define及import模块的JS库API
• 运行在node.js环境，将所有JS包及其依赖的CSS及HTML文件合并的make工具

Package.js浏览器端的API参照了CommonJS/AMD规范，兼容此规范的最简单形式，并在此基础扩展了一些语法，以便于开发包含CSS及HTML模板的JavaScript UI组件。

直接来看一下使用Package.js开发的项目的目录结构吧，简单明了：
Text代码
1.    Test
2.    ├── dom
3.    │ └── Style.js #命名空间为Test.dom.Style的模块文件
4.    ├── init.js #根命名空间初始化文件
5.    ├── _nsconf_.js #Package.js会读取的配置文件
6.    ├── ui
7.    │ ├── Button
8.    …