|
|
|
|
移动端

Google开源的JavaScript工具和库集锦

Google此前曾开源了不少JavaScript工具,如Closure Compiler(用于生成紧凑且高性能代码的工具)、Closure Templates(用于动态生成HTML)、Closure Linter(JavaScript风格检查器)及Closure Stylesheets(对CSS的一套扩展)。

作者:2012来源:博客园|2013-01-17 09:32

技术沙龙 | 邀您于8月25日与国美/AWS/转转三位专家共同探讨小程序电商实战

1.JavaScript代码风格

http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml

2.Closure Compiler(封闭编辑器)

https://developers.google.com/closure

Google此前曾开源了不少JavaScript工具,如Closure Compiler(用于生成紧凑且高性能代码的工具)、Closure Templates(用于动态生成HTML)、Closure Linter(JavaScript风格检查器)及Closure Stylesheets(对CSS的一套扩展)。早在去年6月,Google曾发布了GWT(另一个用于构建JavaScript应用的工具集)的一个发布候选版,但其未来还是有些不太明朗,因为Google将很多GWT开发者都转到了Dart上,后者被看作是“对GWT的一次巨大变革,可以为最终用户创建出更棒的Web应用,我们对其潜力持乐观态度”。

Closure 编译器是一个JavaScript优化器,为Web应用程序生成紧凑,高性能的JavaScript代码,它移除了不必要的代码,并经过重写和优化,保持娇小的身材,以便在浏览器的JavaScript引擎上运行得更快,这个编译器也会检查语法,变量引用和类型,并对常见的JavaScript陷阱发出警告,这些功能有助于你写出bug更少,更易于维护的程序。

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

3.Closure Templates(封闭模版)

https://developers.google.com/closure

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

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

https://developers.google.com/closure

5.Closure Library

https://developers.google.com/closure

https://code.google.com/p/closure-library/wiki/GettingStartedWithClosureLibrary

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

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

https://code.google.com/p/closure-stylesheets/

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 浏览器上成为它的一个扩展。

ScriptCover 的更多详细信息可以查看 Google Open Source 博客的这篇文章,以及 Google Code 上的相关文档。ScriptCover 的代码将托管于 Google Code 上,基于 Apache Lience v2。

8.检测内存泄漏的JavaScript工具

近日,Google开源了Leak Finder,这款工具可以查看JavaScript应用的堆,进而发现内存泄漏

9.基于Node.js的JavaScript测试执行器

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

10.Testacular JavaScript 基准测试套件 Octane

谷歌发布了新的开源 JavaScript 基准测试套件 Octane,它包含了 13 个测试,用于测量浏览器加载与执行复杂的大型 JavaScript 应用的性能,如游戏、交互、富 Web 页面和在线工具等。Octane 包含了最初的 V8基准套件提供的 8 个测试,以及新增加的 5 个测试——pdf.js,Mandreel,GB Emulator(GB 模拟器),Code Loading(代码加载),Box2DWeb——可以测量其余测试力有未逮的性能领域。

11.Google开源网页加速工具Page Speed

http://code.google.com/speed/page-speed

age Speed是运行在Firebug里的Firefox插件。该工具可以运行在Linux、Mac和Windows XP/Vista之上。Page Speed在运行时会分析一些Web服务器配置和服务器上下载下来的代码,还会创建一个结果列表,其中包括如何改进网页的建议。分析基于一个分为五类的最佳实践列表:

优化缓存——让你应用的数据和逻辑完全避免使用网络

减少回应时间——减少一连串请求-响应周期的数量

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

减小有效负荷大小——减小响应、下载和缓存页面的大小

优化浏览器渲染——改善浏览器的页面布局

12.在线语法高亮工具

https://code.google.com/p/google-code-prettify/

原文链接:http://www.cnblogs.com/2018/archive/2013/01/16/2862547.html

【编辑推荐】

  1. JavaScript的MVC模式
  2. 理解JavaScript中的设计模式
  3. JavaScript 游戏中的面向对象的设计
  4. JavaScript异步编程的4种方法
  5. JavaScript是新的Perl?
  6. 是谁让JavaScript像Java的?
【责任编辑:张伟 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

.NET for Flash动态网站开发手札

本书深入浅出地说明了如何利用.NET、Flash及XML来辅助Flash富媒体应用程序的开发。 本书首先介绍了Flash影片应用程序与.NET应用程序结合的...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊