Google 开源的JavaScript工具和库集锦

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/

时间: 2024-07-28 14:05:11

Google 开源的JavaScript工具和库集锦的相关文章

D1net阅闻:Google开源iOS软件测试工具EarlGrey

Google开源iOS软件测试工具EarlGrey Google宣布开源软件EarlGrey.据了解,EarlGrey为一款帮助开发者测试针对iOS软件建立和运行代码的工具.EarlGrey目前已经在GitHub的Apache 认证中可以使用.外界普遍表示,本次开源非常重要,因为EarlGrey正是Google自己用于测试iOS软件的工具.包括Youtube.GoogleCalendar.Google Photo.Google Translate和Google Play Music在内的多款软件

Json 在线格式化与定义、各语言开源库集锦

Json 在线格式化与定义.各语言开源库集锦 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. http://www.json.org/json-zh.html 该链接是目前使用过的最好用的在线格

31款轻量高效的开源 JavaScript 插件和库

31款轻量高效的开源 JavaScript 插件和库 目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能.其实,其中也有不少轻量级的插件和库,它们不仅轻巧有用,而且不会影响网站的性能.本文,就为大家整理了以来30多款轻量级Javascript插件和库的列表,这些工具服务于特定的目标,并且它们能够非常有效和高效地实现目标. 不管你想创建一个图片库.一个滑动效果,个性化菜单还是其他接口元素,你都可以用这

顶级的JavaScript框架、库、工具及其使用

几乎每隔一个星期,就有一个新的 JavaScript 库席卷网络社区!Web 社区日益活跃.多样,并在多个领域快速成长.想要研究每一个重要的 JavaScript 框架和库,是个不可能完成的任务.接下来,我会分享一些前端开发的最著名和最有影响力的框架和库.下面,就让我们一起来看看,顶级的 JavaScript web 前端框架.库和工具及其使用. 请注意: 如果没有包括你最喜欢的 JavaScript 的框架和库,请多包涵. 请实时更新你的框架和库,最新版本往往有更好的跨浏览器和跨设备支持.可以

JavaScript 工具库:Cloudgamer JavaScript Library v0.1 发布

研究了一年多的js,也差不多写一个自己的js库了. 我写这个不算框架,只是一个小型的js工具库,所以我用的名字是Library. 主要集合了我写js时一些常用的方法,并参考了prototype.js,jquery,google,百度,有啊等框架. 这个工具库的主要特点是: [跨浏览器]能在以下浏览器使用:IE6,IE7,IE8,Firefox 3.5.3,Chrome 3.0,Safari 4.0.3,Opera 10.10 ie系列是必须的,其他能支持最新版本就够了. [使用命名空间] 当然不

[Android]Google 开源的 Android 排版库:FlexboxLayout

最近Google开源了一个项目叫「FlexboxLayout」. 1.什么是 Flexbox 简单来说 Flexbox 是属于web前端领域CSS的一种布局方案,是2009年W3C提出了一种新的布局方案,可以简便.完整.响应式地实现各种页面布局,并且 React Native 也是使用的 Flex 布局. 你可以简单的理解为 Flexbox 是CSS领域类似 Linearlayout 的一种布局,但是要比 Linearlayout 要强大的多. 2.什么是 FlexboxLayout? 刚才说了

web开发者不可错过的11个JavaScript工具

JavaScript即将接管Web世界,如雨后春笋版冒出的JavaScript工具更是让web开发者无所适从. 本文我们为大家推荐11款崭露头角但功能强大的JavaScript工具,是追逐web设计新潮流(界面简洁.面向移动.强调互动)中不可或缺的好帮手. 一.Meteor Meteor web应用开发框架定义的七大开发天条为现代软件开发打下良好基础,例如Meteor采用开源社区的方式培育插件资源,其他天条还包括:设计简单的API.仅通过网络传送数据.使用统一的开发语言等.Meteor还开发了一

MDL —— Google 开源的前端开发框架

MDL (Material Design Lite) 是 Google 推出的网站前端开发工具组.Material Design Lite (MDL)可以让你添加一个 Material Design 的外观和感觉到你的静态内容网站,不依赖于任何的 JavaScript 框架和库.MDL 可以优化跨设备的使用体验,可以在旧版的浏览器进行平滑的切换,提供非常快速的访问体验. 浏览器支持: IE9-11,Chrome,Opera,Firefox,Safari,Chrome(Android),Mobil

20个实用便捷的CSS3工具、库及实例

  编者按:坊间传闻,有本CSS的高手炼成秘籍在江湖失传已久,书中所载,多为最新的惊人技术与实例示范,是为集大成者,一旦学成,代码效率猛增,功力提升数倍,今日偶获,不敢怠慢,赶紧发到优设,望人人受益.说人话:好东西呀快来看呀! 在本列表中,.我们从多位艺术家那里搜集了惊人的例子,足以证明使用CSS,一切皆有可能.我们还收集了一些关于CSS 3的不可思议新功能的文章,以及一些有用的CSS库.接下来的内容会让你目不转睛,所以让我们开始吧! 不可思议的CSS 3新功能:Tutorialzine.com