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学习 Web 技术:HTML,CSS,JavaScript 学习 Web 技术:HTML,CSS,JavaScript学习 Web 技术:HTML,CSS,JavaScript 学习 Web 技术:HTML,CSS,JavaScript学习 Web 技术:...
《jQuery.JavaScript与CSS开发入门经典》是一本旨在引导初学者进入前端开发领域的书籍,它涵盖了Web开发中三个至关重要的技术:jQuery、JavaScript和CSS。这三者是构建交互式和动态网页的基础,也是现代Web开发的...
前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源 前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, 工具, 框架, 资源 前端学习笔记整理:HTML, CSS, JavaScript, Web 性能优化, ...
使用ES6 JavaScript编写CSS。 安装 npm install -g js4 # may require sudo 用法 用JS在文件中编写CSS,例如css.js : new Rule ( 'body' , { color : 'red' } ) ; new Rule ( '#id, .class > [attr]' , { 'text-...
前端期末大作业医药商城.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 和 ...
在本项目中,“使用JavaScript+CSS实现翻转魔方.rar”是一个编程教程,教你如何使用JavaScript和CSS这两种前端技术来创建一个可交互的翻转魔方。这个项目旨在帮助开发者提升网页动态效果的制作能力,同时也是一种...
#样式js #用javascript生成CSS 这是一个早期的测试版。 StyleJs 是一个 javascript 库,它试图将 Javascript 用作 Css。 目的是在浏览器中拥有一个具有类似 Sass 功能的库,而无需编译周期。用法简单使用: var ...
### Html+Css+Javascript从入门到精通 #### Web开发基础教程概述 《Html+Css+Javascript从入门到精通》是一本全面介绍了Web前端开发技术的教程。本书旨在帮助读者掌握Web开发的基础知识,并通过实践逐步深入理解...
(1)本次课程设计拟分层次进行,可根据自身能力选择相应的题目,完成课程设计的任务,要求: 1)熟练使用常用网页制作工具设计网页; 2)熟练掌握 HTML 语言; 3) 熟练掌握 JavaScript、CSS。 (2)在完全实现...
- **背景与意义**:CSS表达式允许在CSS中嵌入JavaScript代码,以动态更新样式属性。然而,这种方式存在性能问题,因为它可能在页面的每一次重绘时都被计算,导致不必要的计算负担。例如,使用CSS表达式改变背景色: ...
JavaScript、CSS和DHTML是构建动态网页和交互式Web应用程序的核心技术。JavaScript是一种轻量级的解释性脚本语言,广泛用于网页和浏览器应用,提供动态内容和用户交互。CSS(层叠样式表)用于控制网页元素的外观和...
**JavaScript DHTML CSS手册**是IT领域中一本重要的参考资料,主要涵盖了JavaScript、DHTML(Dynamic HTML)和CSS(Cascading Style Sheets)这三个关键的技术领域。这些技术在现代网页开发中占据着举足轻重的地位,...
在前端领域,JavaScript、CSS、Vue、React以及工程化和TypeScript是不可或缺的知识点,它们构成了现代Web开发的基础。这份名为“前端面试JavaScript,Css,Vue,React,工程化,Typescript手写题”的压缩包文件,显然是为...
JavaScript动态生成CSS是一种常见的前端开发技术,它允许我们在运行时创建、修改或删除CSS样式,以实现更加灵活和动态的页面样式控制。这种方式通常用于响应式设计、动画效果、主题切换或者在某些特定条件下需要调整...
JavaScript是Web开发中不可或缺的脚本语言,主要用于增加网页的交互性和动态功能。在这个旅游网站中,JavaScript可能被用于以下方面: 1. **动态表单验证**:在登录和注册页面,JavaScript可以实时验证用户输入的...
资源名称:Web编程基础——CSS、JavaScript、jQuery 资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
本项目是一款利用HTML、JavaScript及CSS技术构建的诗词展示网页设计源码,集成了25个文件,涵盖9个JavaScript脚本文件、9个资源映射文件、2个CSS样式文件、1个ICO图标文件、1个PNG图片文件、1个SVG矢量图形文件、1个...
学习 html,css,javascript学习 html,css,javascript学习 html,css,javascript 学习 html,css,javascript学习 html,css,javascript学习 html,css,javascript 学习 html,css,javascript学习 html,css,javascript学习 ...