Vanessa

大前端的点滴生活

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. [</span><br /> &nbsp; &nbsp;&nbsp; &nbsp; 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.<br /> <br /> 7.JavaScript代码覆盖率工具<br /> &nbsp; &nbsp;&nbsp; &nbsp; ScriptCover 是 Google 推出的一款 JavaScript 代码覆盖率分析工具,为 Web 页面提供实时、逐行的代码覆盖分析。Google 表示,ScriptCover 最终将应用在 <span class="t_tag">Chrome</span> 浏览器上成为它的一个扩展。<span style="font-size: 0px; color: #fff;">'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


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

留下你的脚步