使用yui的压缩工具压缩JS和CSS
http://developer.yahoo.com/yui/compressor/
yuicompressor.jar这个文件要和ymin这个文件放在一个目录下。
ymin的代码如下
#!/bin/sh
#filename=ymin
basedir=$(dirname $0)
jsmin="java -jar $basedir/yuicompressor.jar --type js"
cssmin="java -jar $basedir/yuicompressor.jar --type css"
for f in $*; do
case $f in
*.source.js)
n=`echo $f | sed s/.source.js$//`
$jsmin $f -o $n.js ;;
*.js)
n=`echo $f | sed s/.js$//`
$jsmin $f -o $n-min.js ;;
*.source.css)
n=`echo $f | sed s/.source.css$//`
$cmd;$cssmin $f -o $n.css ;;
*.css)
n=`echo $f | sed s/.css$//`
$cssmin $f -o $n-min.css ;;
*)
find $f -exec ymin {} ';';;
esac
done
使用示例
ymin a.js
#生成 a-min.js
ymin a.source.js
#生成 a.js
ymin *.js
#依上两个规则批量处理find *.js查找到文件
压缩CSS就 不举例了
使用javascript lint检查js文件
http://www.javascriptlint.com/
mac用户可使用brew install jsl安装
#!/bin/sh
#filename=jslt
option="-nologo"
for f in $*; do
case $f in
*.js)
jsl $option -process $f;;
-*)
option="$option $f";;
*)
find $f -exec jsl $option {} ';';;
esac
done
使用示例
jslt a.js
jslt *.js
jslt -nocontext *.js
使用PNGOUT压缩文件
http://advsys.net/ken/utils.htm
这个只列下帮助吧,我没有用SHELL再包了
$ pngout --help
Warning: unrecognized option: --help
Must specify a source or target image
PNGOUT [In:{PNG,JPG,GIF,TGA,PCX,BMP}] (Out:PNG) (options...) Jul 22 2011
by Ken Silverman (http://advsys.net/ken)
Mac port assistance by Jonathon Fowler (http://www.jonof.id.au/pngout)
PNGOUT optimizes PNG size losslessly using my own deflate algorithm (not Zlib)
With the right options, it can often beat other programs by 5-10%. Options:
-c# PNG output color: 0=Gray, 2=RGB, 3=Pal, 4=Gray+Alpha, 6=RGB+Alpha
-f# PNG output filter: 0=none, 1=x, 2=y, 3=x&y, 4=Paeth, 5=mixed, 6=reuse
-d# Override default bitdepth: 0(min),1,2,4,8 (valid only in /c0,/c3 modes)
-s# Select strategy. 0:Xtreme(default), 1:Intense, 2:Longest Match,
3:Huffman Only, 4:Uncompressed
-b# Block split threshold (lower=more blocks, 0=1 block/file, default=256)
Use trial&error! Suggested values to try are: 0,128,192,256,512,1024,..
-n# Exact number of Huffman blocks (overrides /b#)
-r Randomized initial tables (good for many trials with same options)
-k? 0=Remove optional chunks (default), 1=Keep all
p=Keep palette indices, s=Keep settings for /c,f,d,b
-k(Chunk,Chunk,..) Preserve only named chunk(s). Example: -kgAMA,bKGD,tEXt
-v,q,l Verbose,Quiet,List mode (use '-' as filename to specify stdin/stdout)
-y Assume Yes at the 'overwrite file?' prompt
-force Write file even if bigger.
-mincodes# Workaround for buggy decoders. 1:Zlib 1.2.1 bug, 2:buggy mobiles
The 1st filename is the input. If you omit the output
filename, PNGOUT will use the same filename with a .PNG extension. Examples:
$ pngout inlarge.bmp outsmall.png <- writes outsmall.png
$ pngout duke3d.png -c2 -f3 -b128 -kbKGD -v <- writes duke3d.png if smaller
分享到:
相关推荐
JavaScript文件的具体功能和命名可能是对不同功能的描述,例如,文件可能会被命名为“dataProcessing.js”、“imageLoader.js”或“userInterface.js”等,以直观地反映其承担的角色。 9个CSS文件则负责页面的整体...
3. "1.html", "2.css", "3.js" 等未完全列出的文件,可能是组件的其他组成部分,"1.html" 通常是主页面文件,"2.css" 是样式表文件,定义了组件的外观,而"3.js" 很可能是包含组件逻辑的JavaScript脚本。 在开发...
然后,为需要修复的PNG图片元素添加特定的CSS类或者JavaScript处理: ```css img.myPNGFix { behavior: url/DD_belatedPNG_0.0.8a.min.htc; } ``` 或 ```javascript DD_belatedPNG.fix('img.myPNGFix'); ``` 这里...
图像文件以JPG和PNG格式存在,分别有12个和9个,它们为系统的用户提供直观的视觉信息。JavaScript文件有8个,主要负责前端的动态效果和页面行为。而系统中还包含了其他类型文件,如Git忽略文件、JSON配置文件、...
JPG和PNG格式的选择说明了项目在图像文件处理上的多样性,考虑到不同场景下的图像质量和压缩需求。 对于布局和样式的定义,项目中包含了2个CSS样式文件。CSS作为描述网页视觉表现的语言,通过各种选择器和属性定义...
在当今的软件开发领域,多语言支持是提升用户体验的关键功能之...利用Python后端的强大处理能力和Vue.js的灵活前端表现,结合JavaScript的动态交互和CSS的样式美化,该项目为开发多语言应用提供了一个坚实的技术基础。
JavaScript文件主要用于处理用户在前端的交互行为,比如表单验证、动态内容加载、页面元素操作等。JPG和PNG图片文件则用于网站的视觉效果展示,例如学校风景、新生指南的图标、按钮和背景等。Java源文件负责后端逻辑...
JavaScript文件负责处理前端的动态交互逻辑,而Java源文件则处理后端的业务逻辑。 基于Html/CSS/JavaScript/Java技术的芝士雪豹宠物店管理系统是一个功能全面、设计细致、技术先进且易于维护的宠物店管理解决方案。...
.env文件通常用于存储环境变量,.gitignore用于列出不希望被版本控制工具git追踪的文件,.htaccess文件可以配置Apache服务器的指令,而composer.json则定义了项目依赖的管理。这些配置文件对于项目的部署、维护和...
.htaccess文件则是用于配置Apache服务器的指令文件,用于处理网站的URL重写等问题。composer.json和composer.lock文件用于管理项目依赖,确保环境的一致性。LICENSE文件则规定了项目的授权条款,说明了如何合法地...
这个系统由132个文件组成,其中包括26个JavaScript文件、24个Python脚本文件、23个CSS样式文件、14个HTML模板文件、12个PNG图像文件、5个可执行文件、4个Python调试文件、3个批处理文件、2个配置文件和2个EOT字体...
本项目是一个集成了Java、JavaScript和CSS技术的体育信息发布平台,该平台以JSP页面作为用户交互的前端,利用Java作为后端处理的核心语言,并通过SQL数据库技术进行数据的存储和管理。通过整合这些技术,该平台能够...
其中6个PNG图片文件可以用于网页的视觉美化和用户界面设计,5个思维导图文件则有助于梳理前端开发的逻辑和知识体系,5个CSS样式文件提供了网页美化的代码示例。4个Markdown文件则可能用于编写项目文档或学习笔记,...
PNG图片文件则用于网页的图形展示;YAML文件可能用于配置服务器和服务;SQL文件则包含数据库的操作指令;Map文件和Markdown文件可能用于项目的一些配置和文档说明;GIF文件则用于网页动画效果的展示。 整个项目的...
C#、JavaScript、CSS、HTML是当今最为广泛使用的编程语言和样式表语言,它们在开发Web应用程序以及桌面应用程序中扮演着至关重要的角色。本项目专注于SelfService自助机服务端的设计,通过这些技术的综合运用,实现...
其中,18个JavaScript文件负责处理应用的逻辑和动态内容,17个CSS样式表确保了应用的视觉美感和布局响应性,18个源代码映射文件便于开发者进行代码调试和优化。 特别地,图像资源包括8个PNG图片和7个SVG图形,为...
具体而言,97个PNG图片和14个JPG图片的使用,不仅为网站界面提供了必要的视觉元素,而且在不同情境下展示了出国桥服务的多样性和灵活性。37个HTML文件构成了网站的主要框架,通过合理布局,使得用户在浏览时能够迅速...
在这些文件中,14个PNG图片文件主要负责应用的图像内容,包括防盗窗的设计图样和操作界面的视觉元素。这些图片文件不仅提升了用户的视觉体验,也使得操作界面更加直观易懂。 2个CSS样式表文件负责整个应用的风格和...
在本案例中,Vue.js将被用来管理界面的视图层,处理用户交互,并通过其强大的指令和计算属性来绑定数据和控制行为。 接着,我们来看Luckysheet。Luckysheet是一款高度可配置的在线表格编辑器,它的核心功能包括...
再者,"外部js文件的抓取限制"的修正意味着软件现在可以更全面地处理JavaScript资源。在抓取过程中,外部JavaScript文件往往包含重要功能和数据,新版解决了抓取限制,使用户能够获取完整的网页交互逻辑。 最后,...