`
samsongbest
  • 浏览: 167851 次
  • 性别: 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 技术:...

    纯html+javascript+css webpack打包的项目

    它将各种类型的资源(如JavaScript、CSS、图片等)视为模块,然后根据依赖关系进行编译和打包。Webpack的核心概念包括入口(entry)、加载器(loaders)和插件(plugins)。 - **入口(entry)**:定义了应用的起点,...

    前端学习笔记整理: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-...

    web实例参考学习(javascript和css)

    在web开发领域,JavaScript和CSS是构建动态、交互式网页不可或缺的两大技术。"Web实例参考学习(javascript和css)"这个压缩包提供了一系列的实例,旨在帮助开发者深入理解和掌握这两种语言的综合应用。以下是对这些...

    CSS前端示例:看似需要 JavaScript 实现的效果,其实仅用到了 CSS 的示例集合

    4. **CSS变量**:CSS自定义属性(也称为CSS变量)允许在一处定义样式值,并在其他地方重复使用,提高了代码的可维护性和复用性,减少了对JavaScript的依赖。 5. **选择器的高级应用**:如`attribute selectors`、`...

    基于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 和 ...

    CSS最新打包教程及开发手册

    这个"CSS最新打包教程及开发手册"资源显然旨在帮助开发者深入理解和高效应用CSS进行网页设计与开发。让我们详细探讨一下CSS的一些关键知识点。 1. **CSS基础**: CSS的基础包括选择器(如元素选择器、类选择器、ID...

    CSS技术和JavaScript技术

    CSS技术和JavaScript技术是网页开发中不可或缺的一部分, CSS技术用于设置网页的样式,而JavaScript技术用于实现网页的交互效果。 知识点: * CSS技术的种类:内联样式、内部样式、外部样式 * CSS技术的应用:...

    php+html+javascript+css教程

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,HTML+CSS+DIV+JavaScript+PHP开发手册打包下载这一文档集合详细介绍了HTML5的元素、属性和结构,帮助你构建网页的基本框架。CSS(Cascading Style ...

    精通HTML5CSS3JavaScript网页设计

    资源名称:精通HTML5 CSS3 JavaScript网页设计内容简介:《精通HTML5 CSS3 Javascript网页设计》编著者刘增杰。《精通HTML5 CSS3 Javascript网页设计》内容提要:HTML5、cSS3和 Javascript技术...

    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)在完全实现...

    Web前端开发手册(Javascript/DOM/CSS)

    2. **CSS2 Quick Reference Guide.pdf**:CSS2是CSS的一个早期版本,这个指南可能涵盖了那个时代的CSS规范,包括盒模型、定位和层叠规则。 3. **JavaScript-DOM-Cheatsheet.pdf**:这份资料可能提供了JavaScript操作...

    JavaScript修改css样式style

    JavaScript 修改 CSS 样式是 Web 开发中常见且重要的技能,尤其在动态更新页面样式时。这篇博文(链接已提供)可能深入探讨了如何利用 JavaScript 操作 DOM 元素的 style 属性来改变 CSS 样式。以下是关于这个主题的...

    仿写百度官网首页:一个简单的 HTML、CSS 和 JavaScript 代码示例.zip

    仿写百度官网首页:一个简单的 HTML、CSS 和 JavaScript 代码示例.zip 仿写百度官网首页:一个简单的 HTML、CSS 和 JavaScript 代码示例.zip 仿写百度官网首页:一个简单的 HTML、CSS 和 JavaScript 代码示例.zip ...

    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,Vue,React,工程化,Typescript手写题

    在前端领域,JavaScript、CSS、Vue、React以及工程化和TypeScript是不可或缺的知识点,它们构成了现代Web开发的基础。这份名为“前端面试JavaScript,Css,Vue,React,工程化,Typescript手写题”的压缩包文件,显然是为...

    javascript+css 实现的web tab

    1. **布局**:CSS可以定义Tab按钮和内容区域的布局,比如使用Flexbox或Grid布局,使得它们在页面上整齐排列。 2. **样式**:通过设置颜色、字体、边框、背景等属性,使Tab按钮看起来更吸引人,同时确保与整体网站...

Global site tag (gtag.js) - Google Analytics