Sym - 一个用 Java 实现的现代化社区平台 • 源码 • 注册

Pipe - 小而美的开源博客平台 • 体验 • 皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载 
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

Google 开源的 JavaScript 工具和库集锦

1.JavaScript代码风格
http://google-styleguide.googlec ... javascriptguide.xml. s* i5 b8 e: v/ V

2.Closure Compiler(封闭编辑器)

https://developers.google.com/closure' g! ~2 G" x7 x. ~
2 h8 l5 R1 a$ t# M  {
        Google 此前曾开源了不少 JavaScript 工具,如 Closure Compiler(用于生成紧凑且高性能代码的工具)、Closure Templates(用于动态生成 HTML)、Closure Linter(JavaScript 风格检查器)及 Closure Stylesheets(对 CSS 的一套扩展)。早在去年 6 月,Google 曾发布了 GWT(另一个用于构建 JavaScript 应用的工具集)的一个发 布候选版,但其未来还是有些不太明朗,因为 Google 将很多 GWT开发者都转到了 Dart 上,后者被看作是 “对 GWT 的一次巨大变革,可以为最终用户创建出更棒的 Web 应用,我们对其潜力持乐观态度”。
* v3 s8 x# m9 J
      Closure 编译器是一个 JavaScript 优化器,为 Web应用程序生成紧凑,高性能的 JavaScript 代码,它移除了不必要的代码,并经过重写和优化,保持娇小的身材,以便在浏览器的 JavaScript 引擎上运行得更快,这个编译器也会检查语法,变量引用和类型,并对常见的 JavaScript 陷阱发出警告,这些功能有助于你写出 bug 更少,更易于维护的程序% b& @: e. C7 }* G# K1 P/ z- [  c

你也可以使用 Closure 检查器,它是一个 Firebug 扩展,主要用于调试那些难以阅读的代码。

3.Closure Templates(封闭模版)

https://developers.google.com/closure

      Closure 模板的前身是 Web 模板,通过预编译以提高 JavaScript 效率,Closure 模板有一套简单的语法,程序员很快就可以掌握,和传统的模板系统不一样,你可以将 Closure 模板视为很小的组件,然后通过组装形成一个正式的 Web 页面,从此不再需要为每个页面设计一个大大的模板了; P& g, V$ G6 }9 }

4.Closure Linter(JavaScript 风格检查器)

https://developers.google.com/closure& _; @' D+ D. i5 Q0 `- ?/ y6 _
2 p  U- Q, K, X) U
5.Closure Library* Q4 P+ b  e. J8 ~  J$ r. S: q

https://developers.google.com/closure
https://code.google.com/p/closur ... dWithClosureLibrary

       Closure 库是一个广泛的,经过严格测试的,模块化的,跨浏览器的 JavaScript 库,Web开发人员可以在他们的用户界面中直接通过拖拉进行复用。# z( e7 x5 U6 [, X

6.Closure Stylesheets(对 CSS 的一套扩展)

https://code.google.com/p/closure-stylesheets/
- K" u: u' w+ `- T' ^1 g) f2 S. [
       Closure Stylesheets is an extension to CSS that adds variables, functions, conditionals, and mixins to standard CSS. The tool also supportsminification, linting, RTL flipping, and CSS class renaming.

7.JavaScript 代码覆盖率工具
       ScriptCover 是 Google 推出的一款 JavaScript 代码覆盖率分析工具,为 Web 页面提供实时、逐行的代码覆盖分析。Google 表示,ScriptCover 最终将应用在 Chrome 浏览器上成为它的一个扩展。' `9 M. Y. C+ V7 J6 ]
9 s' o' y" t/ G: u* \# P
       ScriptCover 的更多详细信息可以查看 Google Open Source 博客的这篇文章,以及 Google Code 上的相关文档。ScriptCover 的代码将托管于 Google Code 上,基于 Apache Lience v2。

8.检测内存泄漏的 JavaScript 工具' R6 O' _5 W- i' l, H3 j
近日,Google 开源了 Leak Finder,这款工具可以查看 JavaScript 应用的堆,进而发现内存泄漏+ Z6 u7 @' \. I0 s: r, W7 R

9.基于 Node.js 的 JavaScript 测试执行器
5 S$ y+ s  V& p, x: q
        Testacular 的灵感来源于 JS Test Driver,而编写另外一个测试运行器是因为 “他们在使用 JSTD 中遇到的诸多问题”,他们希望有 “一个能够稳定快速执行 JavaScript 测试的简 单工具。这是我们使用强大的 Socket.io 库和 Node.js 的原因。”

10.Testacular JavaScript 基准测试套件 Octane5 d1 L  l' H- W! Y! i9 Q# M
       谷歌发 布了新的开源 JavaScript 基准测试套件 Octane,它包含了 13 个测试,用于测量浏览器加载与执行复杂的大型 JavaScript 应用的性能,如游戏、交互、富 Web 页面和在线工具等。Octane 包含了最初的 V8 基准套件提供的 8 个测试,以及新增加的 5 个测试——pdf.js,Mandreel,GB Emulator(GB 模拟器),Code Loading(代码加载),Box2DWeb——可以测量其余测试力有未逮的性能领域。# Z; J! A' P& ^" a' @
* V: X8 Z1 i8 `* x: w% p# t: N# d
11.Google 开源网页加速工具 Page Speed* b1 K- V8 W3 S8 V8 U
http://code.google.com/speed/page-speed' H0 i7 L- }& o; C% o3 M
5 N: m& \; ?( d) R
     age Speed 是运行在 Firebug 里的Firefox插件。该工具可以运行在Linux、Mac 和Windows XP/Vista 之上。Page Speed 在运行时会分析一些 Web服务器配置和服务器上下载下来的代码,还会创建一个结果列表,其中包括如何改进网页的建议。分析基于一个分为五类的最佳实践列表:$ y5 J& ^! T' ]" Y: k/ b0 I0 i1 X
$ O" o- {( @9 ]1 A$ T# E
• 优化缓存——让你应用的数据和逻辑完全避免使用网络5 U  a" ]0 e0 c; W! V- W8 Q

• 减少回应时间——减少一连串请求 - 响应周期的数量+ j. G9 Y, g/ c! n3 d

• 减小请求大小——减少上传大小

• 减小有效负荷大小——减小响应、下载和缓存页面的大小
% \2 U; D1 z$ K( ^! o+ Y, C9 Z
• 优化浏览器渲染——改善浏览器的页面布局
) o9 H! T6 m0 J( o+ }; G$ B
12.在线语法高亮工具
' j9 l! I7 [: i+ d
https://code.google.com/p/google-code-prettify/

转自:http://tech.techweb.com.cn/thread-615956-1-1.html


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步