google closure libary 三剑客

本文主要是介绍google closure libary 三剑客，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1. closure-stylesheets

1.1 作用

针对书写css有一系列的扩展

 

1.2 主要特性

 

• Css的混合器：变量，函数，条件和重用css片段

• 压缩css

• 检测 css的语法

• Css语法翻转

• 以及CSS的重命名（最终可以达到css的命名很短）

 

2. closure-templates

1.1 作用

 

它是一个客户端和服务器端的模板系统，用来动态创建可复用的HTML和UI元素。

 

1.2 主要特性

 

• 模块化，相对于传统的模板系统中需要为每个页面创建一个整体模板，Closure Templates是模块/组件化的，你可以从视图显示的角度来分解应用程序的逻辑，并创建自己的用户界面。

• 同时适用多个语言-，用户可以在客户端和服务器端适用相同的模板，模板中可以使用JS脚本语言或Java。

• 在客户端的高效运行,Closure Templates会被预编译成高效的JS脚本，以求最大化客户端的显示效果。

• 模板之间可以相互调用。

 

3. closure-compiler

1.1 作用

针对js代码做类型检测和优化

 

1.2 主要特性

 

• 类型检查 https://github.com/google/closure-compiler/wiki/Annotating-JavaScript-for-the-Closure-Compiler

• 打包优化

• 让JavaScript编程更有效的js，比如var a = 1+3; 打包编译后变为 4

 

1.3 急速打包的后遗症

由于打包时会有破坏性的优化，所以写法有很多注意，具体看这个文章就可以了

https://segmentfault.com/a/1190000002575760

https://developers.google.com/closure/compiler/docs/api-tutorial3

这篇关于google closure libary 三剑客的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---