原标题:工程师亲述在 Google 从事 TypeScript 工作的独家体会!

AngularJS | Closure | Google Web Toolkit | Dart | Polymer

文章整理于互联网。
本文收集了 60款 Google 开源的项目,排名顺序按照 Github ★Star 数量排列。

style=”font-size: 16px;”>【CSDN编者按】多年来,Google为了开发大型Java应用程序而构建了大量基础架构。

style=”font-size: 16px;”>今天,就来听听在Type上工作了两年多的Google软件工程师Evan
Martin,对此有什么心得体会吧!

GWT

Google Web Toolkit (GWT) 是一种开源 Java 软件开发框架,可以使不会使用第二种浏览器语言的开发人员编写 Google 地图和 Gmail 等 AJAX 应用程序时更加轻松。GWT 可在使您避免这些麻烦的同时,还为您的用户提供同样的与标准兼容的动态体验。您只需使用 Java 编程语言编写您的前端,GWT 编译器会将您的 Java 类转换为与浏览器兼容的 JavaScript 和 HTML。

0、机器学习系统 TensorFlow  ★Star 62533

图片 1

Closure 

如Closure Compiler(用于生成紧凑且高性能代码的工具)、Closure Templates(用于动态生成HTML)、Closure Linter(JavaScript风格检查器)及Closure Stylesheets(对CSS的一套扩展)

 

我已经在Type上工作了两年多了,所以我想写一两篇文章来回顾这两年的工作。首先,我应该写一个标准的免责声明:我只是一家公司的一个普通的工程师,公司拥有数万名工程师,肯定会有人对我在这里表达的观点持有不同的意见。

Dart

Dart([KK] 英语发音:/dɑrt/, [DJ] 英语发音:/dɑ:t/)是一种基于类型的可选类型化编程语言,类似于Javascript。它是一种面向对象语言,由Google主导开发,于2011年10月公开。它的开发团队由Google Chrome浏览器V8引擎)团队的领导者拉尔斯·巴克(Lars Bak)所主持。

图片 2

谷歌很早就开始做Web应用程序

angularjs

 

 

 

 

使用AngularJS构建大型Web应用

 

AngularJS 自集成了模板,不能使用第三方的——不过你仍然可以 Jade 之类的模板进行预编译,以简化书写。
与一些 MDV Model Driven Views同类相比(Facebook 有 React;Google 另外还有 Dart、Polymer;Mozilla 有 X-Tag),我认为 AngularJS 胜在可用和易于测试这两方面。

 Are you doing heavy DOM manipulation? I would use jquery and backbone

 Very data driven app? Angular with it’s nice data binding

 Game programming? none, direct to canvas, maybe a game engine

 

  Top JavaScript MVC Frameworks 

 

Google很早就开始做Web应用程序了。我简直无法相信Gmail发布已经14年了。在当时使用Java是非常疯狂的做法。Gmail的工程师不得不担心IE糟糕的垃圾回收算法,他们需要手动将字符串文字从for循环中提取出来,以避免GC(Garbage
collection垃圾回收机制)停止工作。

Polymer

http://www.polymer-project.org

代表了下一代Web框架的方向:一切皆组件,尽量减少代码量,尽量减少框架限制。

Polymer由加盟Google的原Palm webOS开发团队打造,是一套以“一切皆组件、最少化代码量、最少框架限制”为设计理念的Web UI框架。Web Components则提供了一种更彻底的解耦方式,更加方便了UI的开发和模块化,可以说是Polymer的基础之一。

 以前的dart webui库

 

 

以上可见google开发个的web应用库就很多了,从语言到界面等多个层面提供了解决的方式,我们根据具体的需求进行选择吧。

TensorFlow
是谷歌的第二代机器学习系统,按照谷歌所说,在某些基准测试中,TensorFlow的表现比第一代的DistBelief快了2倍。TensorFlow
内建深度学习的扩展支持,任何能够用计算流图形来表达的计算,都可以使用TensorFlow。任何基于梯度的机器学习算法都能够受益于TensorFlow的自动分
化(auto-differentiation)。通过灵活的Python接口,要在TensorFlow中表达想法也会很容易。(详情:)

最近我发现了一个那个时代的设计文档,他们当时在考虑做我们现在称为Java“压缩”的东西,但一些备选工具只能在Windows上使用。在今天看来,这些都难以想象。

 

这些年,Google为开发大型Java应用程序,构建了大量基础架构。例如,有一个模块系统可以让源文件表述它们的相互依赖性。有一个捆绑程序可以组合并压缩源文件,生成可以兼容浏览器的产品。

1、material-design-icons  ★Star 30315

另一个程序可以通过可动态加载的入口点来分析应用的依赖关系图,并分解出公共的块供其他块使用。服务器端的渲染很常见。对于如今的Web开发人员来说,所有这些概念载熟悉不过了,但Google的技术栈很早就有了,而且一直在发展,因此在概念上类似,但具体方面完全不同,Google拥有不同的流程、工具,甚至不同的概念名称。

Google 开源了 Material Design 系统图标包其中的 750
个字形。该系统图标包含常用的图标,如用于媒体播放、通讯、内容编辑、连接等等。在
Web 应用,安卓和 iOS
设计均适用。(详情:)

还有个例子可以说明并行发展:Google、Facebook和Microsoft各自构建了类似但不兼容的编译器,这些编译器向Java添加了静态检查。

 

Google的编译器常被称为Closure。(请不要与Clojure语言混淆;为了避免混淆需要说明一下:Clojure使用的是Closure编译器。)

2、前端开发工具组 MDL  ★Star 27873

Google的Java堆栈非常棒。有了它的帮助,Google才能编写并维护可以改变互联网的web应用程序。(还记得Google地图发布时,多么令人震惊吗?如今制作一个可以拖拽的地图小部件似乎非常简单。)

图片 3

Google地图的一些技术甚至超越了当今最好的技术。例如,Closure编译器可能仍然是最复杂的Java优化程序,它能够执行很多操作,例如利用类型信息优化代码,跨越热加载的块的边界进行函数内联,以及在符号层次删除未使用的代码等。

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

Google的Java技术栈也存在一些问题。linter的渐进式发展表明了Closure只不过是个拥有静态类型的Java,其中新功能是通过注释引入的。

 

Closure的语句难以捉摸,速度很慢,有很多Bug,而且如果你不会正确地使用的话,那么它往往会破坏你的代码。尽管它是开源的,但也许是正因为这些原因,除了熟悉它的Google员工之外,行业中并没有广泛使用到它。

3、Web 前端框架 Angular  ★Star 25524

Java在Google内部的反响并不好,我认为部分原因在于我们对工具很挑剔,大家既嫌静态语言过于繁琐,又嫌动态语言不可捉摸。

Angular 是一款十分流行且好用的 Web 前端框架,目前由 Google
维护。官方已将 Angular 2 和之前的版本 Angular.js 分开维护(两者的 GitHub
地址和项目主页皆不相同)。渐进式 Web 应用,借助现代化 Web
平台的力量,交付 app
式体验。高性能、离线化、零安装。(详情:)

Java出乎意料地流行了起来

 

与此同时,在Google之外,Java也在不断发展,甚至出乎意料地流行起来了。我们构建了Chrome,部分原因是为了解决IE的那些垃圾回收Bug,但也因此催生了了v8,再由v8产生了Node.js。

4、容器集群管理系统 Kubernetes  ★Star 24599

最后导致今天大多数的Web工具都是用Java编写的,尽管Google习惯用Java构建这种工具。模块系统(UMD、AMD、CommonJS)迅速发展。(随之出现了ES6,并发明了自己的模块系统,但是由于某种原因它与其他所有模块系统不兼容,唉!)

Kubernetes 是来自 Google 云平台的开源容器集群管理系统。基于 Docker
构建一个容器的调度服务。该系统可以自动在一个容器集群中选择一个工作容器供使用。其核心概念是
Container Pod。(详情:)

NPM统一了工具和库的共享方式。Webpack可以在开发期间,将模块动态地切换到正在运行的应用程序中。

 

Google一概没有用到这个技术。Google的那些经验丰富的Web开发人员像是生活在另一个时间线中。我们有像SASS这样的CSS预处理语言,但它不是SASS而且没有人喜欢它。精心设计的块分割程序并不能真正支持第三方Java库,部分原因是这些工具的出现早于Java的库生态系统。

5、数据描述语言 protobuf  ★Star 18447

这都只是历史。你可以说我们本不应该这么做,但这么说却无法改变现状。相反,有趣的问题是:接下来我们该何去何从?有几个选择。我的观点肯定是偏向我喜欢的技术。

Protocol Buffers (ProtocolBuffer/ protobuf
)是Google公司开发的一种数据描述语言,类似于XML能够将结构化数据序列化,可用于数据存储、通信协议等方面。现阶段支持C++、JAVA、Python等三种编程语言。同XML相比,Protocol
buffers在序列化结构化数据方面有许多优点(详情:)

接下来我们该何去何从

 

第一个诱人的选择就是放弃眼前的一切,并从头开始建造一个没有Java的新世界。如果我们投入更多精力到GWT(一个将Java编译成Java的Google项目)或Dart(一个将新语言编译成Java的Google项目)或WASM,或者你最喜欢的语言:Clojure?Haxe?还是Elm?那么我们根本不需要担心Java!

6、Java 常用库 Guava  ★Star 17267

作为PL爱好者,我非常喜欢这个想法。我想仔细分析一下这个想法,但是这篇文章已经够长了,而且我认为已经有很多关于这方面讨论的文章了。

该项目是 Google 的一个开源项目,包含许多 Google 核心的 Java
常用库。(详情:)

作为反驳,我有一些常见的问题:如果采用一种不同的语言,那么第一个问题是,这对于我们现有的数百万行代码没有任何帮助——“用新语言从从头开始重写”等想法在某些情况下是正确的选择,但是如何充分利用Gmail工程师的时间是一个很难的问题;第二个问题是,对于我们想聘请的经验丰富的前端工程师来说,也几乎没什么用。

 

与重写一切相对的做法是不改变任何东西。您可能会说,公开的Java世界充满了业余和不成熟的代码。一个优秀的工程师总能适应我们特殊的前端方式,我们总能改进或构建更多自己的工具。

7、Spark  ★Star 13378

我们构建的应用类型(Google搜索页面每天可以获得数十亿次点击)与其他人构建的web应用程序不同,我们的工具既优秀又很有必要性。我非常赞同这种观点。

图片 4

我认为在权衡利弊的时候,有一种看法认为建立我们自己的工具很有道理,而另一种看法则认为我们已经远离主流,我们的工具是一种负担。

Spark 是谷歌公司推出的一款基于 Chrome 浏览器的开发环境。提供一组可重用的
UI 组件。采用 Dart
开发。(安装方法:)

那么争论的焦点是我们究竟处在什么位置,我相信我们不属于后者。我们为LLVM
/
Clang做出的贡献获益良多,因为我们依赖于C++,但是我们构建自己的LLVM,并不能从中获得更多额外的价值。

 

我们应该折中

8、RPC 框架 GRPC  ★Star 10363

所以,我觉得我们应该折中,这也是我们的团队一直在追求的道路:逐步采用一些合理的外部工具,并弄清楚这些工具如何才能与我们现有的代码库相互合作。

GRPC 是一个高性能、开源和通用的 RPC 框架,面向移动和 HTTP/2
设计。目前提供 C、Java 和 Go 语言版本,分别是:grpc, grpc-java, grpc-go.
其中 C 版本支持 C, C++, Node.js, Python, Ruby, Objective-C, PHP 和 C#
支持.GRPC 基于 HTTP/2 标准设计,带来诸如双向流、流控、头部压缩、单 TCP
连接上的多复用请求等特。这些特性使得其在移动设备上表现更好,更省电和节省空间占用。(详情:)

这项任务并不那么有趣,因为我们不会只是单纯地抛弃历史遗留的混乱或者“这次做正确的事情”,但我喜欢更谦虚地思考,不要固步自封。

 

为了Google的Java世外桃源重回大陆,我们要做的第一步是:采用了一个支持良好的静态检查器:(1)不是我们自己做的;
(2)很流行,同时与我们现有的代码相似;(3)旨在搭建通往Java的桥梁;(4)旨在支持大规模的开发,这才是我们定制工具的根本原因。而这个工具就是Type。

9、高质量压缩图片算法工具Guetzli  ★Star 9959

Closure编译器的优势在于优化输出,而Type具有出色的用户界面且根本没有优化。因此这两个工具可以互补,并且(有些工作)可以结合在一起。

图片 5

因为Type已经很好用了——毕竟只有这样我们才会采用它——所以我们获得了许多采用已有语言的好处,比如IDE风格的代码自动补齐,以及能够从StackOverflow获取答案。

Guetzli,是一个针对数码图像和网页图像的 JPEG 编码器,能够通过产生更小的
JPEG 文件来达到更快的在线体验,并且同时保持与当前浏览器,图像处理应用和
JPEG 标准的兼容性。Google 称 Guetzli 创建高质量的 JPEG
图像文件的大小比当前的压缩方法要再小 35%。上图为 16×16
像素样本,是挂在蓝天下的一根电话线,传统 JPEG
算法经常会遇到的失真状况。左边是未压缩的原图,中间为较小尺寸的
libjpeg,右边是失真更少的 Guetzli
。(详情:)

留给我们的主要工作是集成:允许我们的应用程序逐步转移到Type,而无需从头开始重写。我们在与Google的构建系统集成时非常谨慎,我们采用了渐进式编译,这对大型应用程序至关重要;而且一个模块中的变更不会影响使用了该模块的API,也不会导致下游模块需要重新编译。

 

我们与Closure类型/模块系统的集成意味着ES6
Type模块可以导入Google模块系统中的模块,而且保留了(大部分)类型信息。一家公司成功地使用了我们发布的工具,自动将其整个代码库进行了转换,同时保留他们压缩后的输出。

10、k/v数据库 Leveldb  ★Star 9799

现在Google内部,各个地方都或多或少地使用了Type;如果您使用Google的产品,那么意味着你已经与一些Type代码打过交道了。Type本身就是一系列有趣的折衷方案,它将静态类型的编程语言与自由转换的Java生态系统进行了平衡。

Leveldb是一个google实现的非常高效的kv数据库,目前的版本1.2能够支持billion级别的数据量了。
在这个数量级别下还有着非常高的性能,主要归功于它的良好的设计。特别是LSM算法。(详情:)

我们工程师也会这么做:我们也会做出有趣的妥协,试图平衡不同的问题。我希望将来可以写更多关于多年来发现的一些有趣的小事。正如刚开始使用Type时我写下的这篇文章一样(

 

style=”font-size: 16px;”>原文:

作者:Evan
Martin,Google的软件工程师。

译者:弯月,责编:胡巍巍 class=”backword”>返回搜狐,查看更多

11、自动化网络审查工具 Lighthouse  ★Star 9400

责任编辑:

Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。
可以将其作为一个 Chrome 扩展程序运行,或从命令行运行。 当为 Lighthouse
提供一个要审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。可以参考失败的测试,看看可以采取哪些措施来改进应用。(详情:)

 

12、Gson  ★Star 9261

Gson 是 Google 提供的用来在 Java 对象和 JSON 数据之间进行映射的 Java
类库。可以将一个 JSON 字符串转成一个 Java
对象,或者反过来。(详情:)

 

13、最小系统加载工具 systemjs  ★Star 8356

systemjs
是一个最小系统加载工具,用来创建插件来处理可替代的场景加载过程,包括加载
CSS 场景和图片,主要运行在浏览器和 NodeJS 中。它是 ES6
浏览器加载程序的的扩展,将应用在本地浏览器中。通常创建的插件名称是模块本身,要是没有特意指定用途,则默认插件名是模块的扩展名称。(详情:)

 

14、序列化库 FlatBuffers  ★Star 7991

FlatBuffers 是一个 Java
的序列化库,用于游戏和其他内存受限的应用。FlatBuffers
可以让你直接访问序列化后的数据,无需解压并进行解析的过程。同时提供很强的向前和向后兼容性。FlatBuffers
支持 C++ 和 Java
语言,无需依赖第三方库支持。(详情:)

 

15、Xi 文本编辑器 Xi Editor  ★Star 8000

Xi Editor 是 Google 开源的一款用 Rust 语言编写的文本编辑器,最初是为 Mac
OS X 构建的,使用 Cocoa
作为用户界面,已有计划适配其它平台。所有编辑操作都可以在 16ms
之内提交并处理。文本绘制使用最好的技术(如 Mac 上的 Core Text,Windows
上的 DirectWrite 等),并完全支持
Unicode。(详情:)

 

16、Grumpy  ★Star 7760

Grumpy 是一个 Python  to Go 源代码翻译编译器和运行时,旨在替代 CPython
2.7。 关键的区别是它将 Python 源代码编译为 Go
源代码,然后将其编译为本机代码,而不是字节码。这意味着 Grumpy 没有
VM。编译的 Go 源代码是对 Grumpy 运行时的一系列调用,Go 库服务与 Python C
API 类似的目的(尽管不直接支持 C
API)。(详情:)

 

17、Javascript 编译器 Traceur  ★Star 7300

Traceur 是一个来自 Google 的 Javascript
编译器,通过它可以体验一些很新并且有趣的 Javascript
语言特性,这些多数是还没有被当前浏览器实现的 ECMAScript
标准或草案,比如:数组比较、类、模块、迭代器、方法参数默认值、Promise等。(详情:)

 

18、媒体播放器 ExoPlayer  ★Star 7152

图片 6

ExoPlayer 是 Android 上一个应用级的媒体播放器。它为 Android MediaPlayer
的 API 在播放本地或在线的视频与音频上提供了一个候选。ExoPlayer 支持一些
Android MediaPlayer API 无法提供的特性,包括 DASH 和 SmoothStreaming
自适应回放,持久的高速缓存和自定义渲染器。不像 MediaPlayer
API,EXOPlayer 很容易定制和扩展,而且它可以通过 Play Store
更新升级。(详情:)

 

19、代码构建工具Bazel  ★Star 6641

Bazel 是 Google 的一款可再生的代码构建工具。它主要是用于构建 Google
的软件,处理出现在谷歌的开发环境的构建问题,比如说:大规模数据构建问题,共享代码库问题,从源代码构建的软件的相关问题。支持多种语言并且跨平台,还支持自动化测试和部署、具有再现性(Reproducibility)和规模化等特征。(详情:)

 

网站地图xml地图