`
samsongbest
  • 浏览: 171590 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Jawr:可调节的 Javascript 及 CSS 打包方案

    博客分类:
  • Jawr
 
阅读更多

http://simpleframework.net/blog/v/33722.html

 

Jawr:可调节的 Javascript 及 CSS 打包方案
0评/855阅
发表于: 2011-06-11 10:41

Jawr是一个可调节的Javascript和CSS的包装解决方案,允许迅速开发单独的模块资源文件。开发模式下,开发人员可以使用大量的分散的JavaScript文件,然后Jawr以可配置的方式将其捆绑成一个或几个文件。

通过使用标签库,Jawr允许开发和生产模式使用相同的不变的页面。 Jawr也缩减并压缩文件,以减少页面加载时间。

Jawr使用简单的.properties属性描述符,除应用于标准的Java Web应用外,也可以被用于 Facelets  和 Grails  应用。

众所周知,下载一个大文件要比下载2个较小的文件速度快,因为增加了HTTP协议的交互时间,而事实上,大多数浏览器只保留两个打开的连接,在任何给定的 时间内相对相同的主机。 Jawr将减少加载页面的请求数量和传输到客户端的数据量,实现加载时间大幅改善。 通过简单的配置文件,可将资源分配到最适合 的网站使用模式。未被添加到捆绑中的文件也有利于缩减和压缩效果(如果未声明捆绑包,Jawr将作为一个易于配置的资源压缩机)。

一个JSP标签库(Facelets也支持)用于在网页中引入资源。 在开发模式下,标签生成映射到捆绑的每个资源的<script> 和<style>标签。 在生产模式下,标签生成一个链接指向包文件。 因此,从开发切换到生产模式,无需改变页面代码,。

伴随着利用复杂的JavaScript实现更丰富的客户端界面的不断增加的趋势,使用Jawr允许模块分布在不同的文件中将缓解开发过程的压力,而不用担心应用将如何为客户端服务。

Jawr的替代方法如下:

  • 开发符合部署模式的集各项功能于一身的脚本文件。 也就是说,将所有模块塞进几个文件中。 版本控制变得难以管理,很难找到一个需要改变组件。 随着项目的发展,代码变得几乎不可能缩减。
  • 使用构建脚本连接并压缩文件,这迫使开发人员,即使轻微的代码变化,测试时都将重新构建和部署整个应用。

Jawr提供了两全其美的方式,结合强大的捆绑-缩减--压缩提供生产模式下的最佳服务方案与快速变化-保存-测试周期的快速开发模式。

您可在这里  下载Jawr的最新版本 。 此外,可检出 快速入门教程  ,看看在您的项目中它是多么容易使用。 

而且不要忘记检查 常见问题 中 的提示和故障解决方法。

特点

  • 自由和开放源码  :Apache 2.0许可证下发布,Jawr可用于免费或经修订后用于商业和非商业用途。
  • 易于安装  :使用Jawr时仅需在部署描述符中声明一对servlet,创建一个简单的.properties配置文件,并使用Jawr标签库导入CSS和JavaScript资源到你的页面。 完整的安装仅需几分钟,在一段时间内无需进行任何修改或很少修改。
  • 轻量级  :打包和压缩是在服务器启动时一次完成,所以没有开销要求。 另外,可使用缓存组件,默认直接从内存中而非文件系统中载入资源。
  • 内置的缩减和后处理(postprocessor )  :Jawr包括JSMin和YUI压缩机,都来自雅 虎。 一个自定义的CSS 缩减器也包括其中,虽然YUI 压缩器也可以用于CSS。 对于每一个绑定包,启动时自动执行一个可定制的后处理过程链。CSS文件中相对URL将被后处理器改写,以便工作于不同的相对 路径。 也很容易创建自定义后处理器,以便在部署时修改您的js和css文件。 了解更多  。
  • 第三方框架集成  :Jawr可与 DWR  、 Spring 、JSF、 Facelets 、 Wicket  、Commons Validator(with Struts) , 以及 Grails 一道使用, 它也可以很容易地插入 你自己的基础设施。

还有更多的功能,请检查 功能列表页  的完整列表。

jawr站点:http://jawr.java.net/

分享到:
评论

相关推荐

    学习 Web 技术:HTML,CSS,JavaScript .zip

    学习 Web 技术:HTML,CSS,JavaScript学习 Web 技术:HTML,CSS,JavaScript 学习 Web 技术:HTML,CSS,JavaScript学习 Web 技术:HTML,CSS,JavaScript 学习 Web 技术:HTML,CSS,JavaScript学习 Web 技术:...

    jQuery.JavaScript与CSS开发入门经典

    《jQuery.JavaScript与CSS开发入门经典》是一本旨在引导初学者进入前端开发领域的书籍,它涵盖了Web开发中三个至关重要的技术:jQuery、JavaScript和CSS。这三者是构建交互式和动态网页的基础,也是现代Web开发的...

    前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源.zip

    前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源 前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源 前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, ...

    js4:使用ES6 JavaScript编写CSS

    使用ES6 JavaScript编写CSS。 安装 npm install -g js4 # may require sudo 用法 用JS在文件中编写CSS,例如css.js : new Rule ( 'body' , { color : 'red' } ) ; new Rule ( '#id, .class &gt; [attr]' , { 'text-...

    前端期末大作业医药商城.zip【源码+sql文件】(开发语言:JavaScript+vue+CSS 分前后端)

    前端期末大作业医药商城.zip【源码+sql文件】(开发语言:JavaScript+vue+CSS 分前后端)

    基于javascript 和 css开发的 web video插件.zip

    基于javascript 和 css开发的 web video插件.zip基于javascript 和 css开发的 web video插件.zip基于javascript 和 css开发的 web video插件.zip基于javascript 和 css开发的 web video插件.zip基于javascript 和 ...

    使用JavaScript+CSS实现翻转魔方.rar

    在本项目中,“使用JavaScript+CSS实现翻转魔方.rar”是一个编程教程,教你如何使用JavaScript和CSS这两种前端技术来创建一个可交互的翻转魔方。这个项目旨在帮助开发者提升网页动态效果的制作能力,同时也是一种...

    StyleJs:带有 javascript 的 CSS

    #样式js #用javascript生成CSS 这是一个早期的测试版。 StyleJs 是一个 javascript 库,它试图将 Javascript 用作 Css。 目的是在浏览器中拥有一个具有类似 Sass 功能的库,而无需编译周期。用法简单使用: var ...

    Html+Css+Javascript从入门到精通.pdf

    ### Html+Css+Javascript从入门到精通 #### Web开发基础教程概述 《Html+Css+Javascript从入门到精通》是一本全面介绍了Web前端开发技术的教程。本书旨在帮助读者掌握Web开发的基础知识,并通过实践逐步深入理解...

    Web应用设计实践(HTML/JavaScript/CSS):班级网页-代码

    (1)本次课程设计拟分层次进行,可根据自身能力选择相应的题目,完成课程设计的任务,要求: 1)熟练使用常用网页制作工具设计网页; 2)熟练掌握 HTML 语言; 3) 熟练掌握 JavaScript、CSS。 (2)在完全实现...

    Yahoo!网站性能最佳体验的34条黄金守则__JavaScript和CSS

    - **背景与意义**:CSS表达式允许在CSS中嵌入JavaScript代码,以动态更新样式属性。然而,这种方式存在性能问题,因为它可能在页面的每一次重绘时都被计算,导致不必要的计算负担。例如,使用CSS表达式改变背景色: ...

    javascript+css+dhtml api(chm版本)

    JavaScript、CSS和DHTML是构建动态网页和交互式Web应用程序的核心技术。JavaScript是一种轻量级的解释性脚本语言,广泛用于网页和浏览器应用,提供动态内容和用户交互。CSS(层叠样式表)用于控制网页元素的外观和...

    JavaScript DHTML CSS手册

    **JavaScript DHTML CSS手册**是IT领域中一本重要的参考资料,主要涵盖了JavaScript、DHTML(Dynamic HTML)和CSS(Cascading Style Sheets)这三个关键的技术领域。这些技术在现代网页开发中占据着举足轻重的地位,...

    JavaScript动态生成css

    JavaScript动态生成CSS是一种常见的前端开发技术,它允许我们在运行时创建、修改或删除CSS样式,以实现更加灵活和动态的页面样式控制。这种方式通常用于响应式设计、动画效果、主题切换或者在某些特定条件下需要调整...

    旅游网站前端 JavaScript+css

    JavaScript是Web开发中不可或缺的脚本语言,主要用于增加网页的交互性和动态功能。在这个旅游网站中,JavaScript可能被用于以下方面: 1. **动态表单验证**:在登录和注册页面,JavaScript可以实时验证用户输入的...

    Web编程基础——CSS、JavaScript、jQuery

    资源名称:Web编程基础——CSS、JavaScript、jQuery 资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    基于HTML+JavaScript+CSS的诗词展示网页设计源码

    本项目是一款利用HTML、JavaScript及CSS技术构建的诗词展示网页设计源码,集成了25个文件,涵盖9个JavaScript脚本文件、9个资源映射文件、2个CSS样式文件、1个ICO图标文件、1个PNG图片文件、1个SVG矢量图形文件、1个...

    学习 html,css,javascript.zip

    学习 html,css,javascript学习 html,css,javascript学习 html,css,javascript 学习 html,css,javascript学习 html,css,javascript学习 html,css,javascript 学习 html,css,javascript学习 html,css,javascript学习 ...

    在asp.net中使用javascript与css的合理用法

    在ASP.NET开发中,JavaScript和CSS是不可或缺的前端技术,它们极大地丰富了用户体验并提供了丰富的交互性。本文将深入探讨如何在ASP.NET中合理地使用JavaScript和CSS。 首先,JavaScript是一种解释型的、基于原型的...

Global site tag (gtag.js) - Google Analytics