🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

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


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

留下你的脚步