Tengine 合并js css文件简洁版

by

1.确定你安装好lnmp  然后备份一下nginx

cd ~

service nginx stop

mv /usr/local/nginx  /usr/local/nginx18

2.安装Tengine  （备注with前两个-）

cd ~
wget http://tengine.taobao.org/download/tengine-2.0.0.tar.gz
tar zxvf tengine-2.0.0.tar.gz
cd tengine-2.0.0
./configure –with-http_concat_module

make
make install

3.把以前的配置文件拷贝回来

mv /usr/local/nginx/conf/nginx.conf /usr/local/nginx/conf/nginx.confbak

cp /usr/local/nginx18/conf/nginx.conf /usr/local/nginx/conf/nginx.conf

4.编辑/usr/local/nginx/conf/nginx.conf     的对应的Server中添加如下内容

location /static/ {
concat on; #启用concat函数
concat_unique off; #允许返回不同类型的文件内容（js,css同时合并）
concat_delimiter “\n”; #自动在返回每个文件内容的末尾添加换行符
concat_ignore_file_error off; #不要忽略所合并的文件不存在等错误
}

5.重启Tengine

service nginx start

6.测试，你的js和css可以这样写

<link rel="stylesheet" type="text/css" href="/static/css/??style.css,css.css">
<script type="text/javascript" src="/static/js/??jquery.js,slide.js"></script>

jQuery 获取屏幕高度、宽度

by

alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

Read More →

jQuery判断checkbox是否选中的3种方法

by

这篇文章主要介绍了jQuery判断checkbox是否选中的3种方法,本文中的方法使用ID选择器实现,比网上其它的一些长篇大论的文章更加简练,需要的朋友可以参考下

网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二：

方法一：
if ($(“#checkbox-id”)get(0).checked) {
// do something
}

方法二：
if($(“#checkbox-id”).is(“:checked”)) {
// do something
}

方法三：
if ($(“#checkbox-id”).attr(“checked”)) {
// do something
}

用js动态创建iframe遇到的问题

by

window.onload = function(){
var ifr1 = document.createElement(‘iframe’);
ifr1.id = ‘ifr1’;
ifr1.name = ‘ifr1’;

// 注意，动态的创建的iframe中，iframe中的内容必须等到iframe加载完之后才能添加，所以需要表明iframe加载完成的函数，如下两个函数
// ifr1.onload    谷歌和火狐认识 ，
// ifr1.onreadystatechange    IE认识，但是IE会执行两次，分别是ifr1.readyState == ‘interactive’和ifr1.readyState == ‘complete’,所以要做一下判断.

if(window.navigator.userAgent.indexOf(‘IE’) == -1){           //非IE的浏览器
ifr1.onload = setIframe;
}else{
ifr1.onreadystatechange = function(){                    //IE浏览器
if(ifr1.readyState == ‘complete’){                       //判断状态
setIframe();
}
}
}

function setIframe(){
//  方法一：
//    var ifrDoc = window.frames[‘ifr1’].document;
//    var ifrBody = window.frames[‘ifr1’].document.body;

//  方法二：
var ifrDoc = ifr1.contentWindow.document;
var ifrBody = ifr1.contentWindow.document.body;

ifrBody.style.cssText = ‘border:1px splid #CCC; cursor:text;background:red; ‘;
var ifrDiv1 = ifrDoc.createElement(‘div’);        //注意是要在框架的document中创建div，而不是该页面的document中
ifrDiv1.innerHTML = ‘wocooo’;
ifrBody.appendChild(ifrDiv1);
}

document.body.appendChild(ifr1);        //放在最后
}

jQuery兼容写法

by

(function($){
$(document).ready(function(){
$(“#collectSuccessShow”).click(function(){
$(this).html(“Bitte warten…”).load(location.search + “&type=collectArticle&uid=” + $(“#uid”).val());
});
});
})(jQuery)