标签: JS

压缩JS/CSS的利器–minify

minify是一款使用PHP5开发的一款用于压缩合并Javascript和CSS文件的应用程序,是前端开发人员优化页面加载速度的一款很好的工具。

本博就使用了minify对整个网站的Javascript和CSS文件进行了压缩,压缩率非常高,大大缩短了页面的加载时间。对于wordpress还有相应的插件,如果你也使用wordpress并且不喜欢自己动手修改文件,那你可以直接下载WP-Minify这款插件。如果不是wordpress,或者喜欢自动动手DIY的接着往下看。

minify的使用非常简单,先把minify下载到本地并解压,然后使用FTP工具把min目录下的文件全部上传到网站的根目录。上传完毕后,就可以访问你网站的域名加/min的地址(比如本博的访问地址就是http://stylechen.com/min/)进行操作,如下图:

minify演示
更多

JS控制图片显示的大小(图片等比例缩放)

方法一:

<script type=”text/javascript”>
function ResizeImages()
{
var myimg,oldwidth;
var maxwidth=200;
for(i=0;i<document.images.length;i++){ myimg = document.images[i]; if(myimg.width > maxwidth)
{
oldwidth = myimg.width;
myimg.width = maxwidth;
myimg.height = myimg.height * (maxwidth/oldwidth);
}
}
}
ResizeImages();
</script>

更多

JS学习

正则表达式(经典)
“^d+$”  //非负整数(正整数 + 0)

“^[0-9]*[1-9][0-9]*$”  //正整数

“^d+$”  //非负整数(正整数 + 0)

“^[0-9]*[1-9][0-9]*$”  //正整数

“^((-d+)|(0+))$”  //非正整数(负整数 + 0)

“^-[0-9]*[1-9][0-9]*$”  //负整数

“^-?d+$”    //整数

“^d+(.d+)?$”  //非负浮点数(正浮点数 + 0)

“^(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*))$”  //正浮点数

“^((-d+(.d+)?)|(0+(.0+)?))$”  //非正浮点数(负浮点数 + 0)

“^(-(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*)))$”  //负浮点数

更多