拿来主义

拿来主义–常用正则表达式2016.9.7

吴阳 No Comments


/^[\u4e00-\u9fa5]+$/i 全是中文
/.*[\u4e00-\u9fa5]+.*$/ 包含中文
/^\d+$/ 全是数字
/^ +| +$/ 全是空格
/\.jpg$|\.jpeg$|\.gif$/i 图片格式,验证成功返回true

拿来主义–e对象2015.11.6

吴阳 No Comments

QQ截图20151106154525

<body>
 <ul>
 <li class="">1111111111111111111111111111111111111111</li>
 <li class="">1111111111111111111111111111111111111111</li>
 <li class="">1111111111111111111111111111111111111111</li>
 <li class="foo">1111111111111111111111111111111111111111</li>
 <li class="foo">1111111111111111111111111111111111111111</li>
 <li class="foo">1111111111111111111111111111111111111111</li>
 <li class="foo">1111111111111111111111111111111111111111</li>
 <li class="foo">1111111111111111111111111111111111111111</li>
 <li class="foo">1111111111111111111111111111111111111111</li>
 <li class="foo">1111111111111111111111111111111111111111</li>
 </ul>
</body>
</html>
<script type="text/javascript">
 $('ul').on('click','.foo',function (e) {
 console.log(e);
 if(e.currentTarget.className==='foo'){
 alert(123);
}
 });
</script>

通过获取event对象,进行判断,获取,当前被操作的对象的属性。

比如现在是点击,就是当前被点击的对象的属性。

这次不是从网上学到了,是从同事那学习到的。

感觉晓得这个了,以后会便利很多了。

拿来主义–匿名函数2015.10.29

吴阳 No Comments

参考文章:http://www.cnblogs.com/rainman/archive/2009/05/04/1448899.html

直接看结果

var double = function(x) { return 2* x; }

注意“=”右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量double。

先运行一下

console.log(double(3)); //6

得到“6”

然后直接改写成:

console.log((function(x) { return 2* x; })(3));//6

用文字来表达应该是:

(function(参数){参数参与的表达式})(重新给定的值)

这就构成了一个匿名函数的运用。

可以想成,省略了为函数赋值再调用函数的这个过程,直接将函数拿来用。

拿来主义–PC和移动端的重置样式2015.10.29

吴阳 No Comments

转自:http://www.w3cfuns.com/blog-5448017-5410050.html

PC端

@charset “utf-8″;
/*———– 重置样式 —————-*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{font-weight:normal;}
html,body,fieldset,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style: normal;}
[hidefocus],summary{outline:0;}
ul , ol , ul li , li , ol li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family:”Microsoft YaHei”,\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53; font-size:12px;color:#444 ;outline:0;}
body{background:#fff;color:#444;}
a{color:#444; border: none; text-decoration: none;outline:none; /*移除虚线框 IE8,FF有用*/ hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/}
a:focus{outline: 0;-moz-outline-style: none;}
a:hover{text-decoration: underline;}
img{overflow: hidden;border: 0 none;}
button,input,select,textarea{font-size:100%;font-family:tahoma;margin: 0;outline: 0 none;vertical-align: baseline;_overflow:visible;*vertical-align: middle;*overflow:visible;}
/* ================ 全局function ============ */
.f_fl{float: left;}
.f_fr{float: right;}
.f_ib{display:inline-block;*display:inline;*zoom:1;}
.f_oh{overflow:hidden;zoom:1;}/* 清除浮动*/
.clearfix{clear:both;zoom:1} /*清除浮动*/
.clearfix:after{clear:both;display:block;height:0;font-size:0;content:”.”;visibility:hidden;}

/*font function*/
.f_ffa{font-family:’SimSun’;}/*标记宋体*/
.f_ffy{font-family:”Microsoft YaHei”,\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}/*标记微软雅黑字体*/
.f_fs12{font-size:12px;}
.f_fs14{font-size:14px;}

.f_lh18{line-height: 18px;}
.f_lh20{line-height: 20px;}
.f_lh22{line-height: 22px;}
.f_lh24{line-height: 24px;}
.f_lh30{line-height: 30px;}

.f_fwn{font-weight:normal;}/*正常体*/
.f_fwb{font-weight:bold;}/*粗体*/
.f_lhn{line-height:normal;}
.f_csp{cursor:pointer;}

.f_mt10{margin-top: 10px;}
.f_mt20{margin-top: 20px;}
.f_mt25{margin-top:25px;}
.f_mt30{margin-top:30px;}
.f_mt40{margin-top: 40px;}
.f_mt50{margin-top: 50px;}
.f_mt60{margin-top: 60px;}

.f_ml5{margin-left: 5px;}
.f_ml20{margin-left: 20px;}
.f_ml50{margin-left: 50px;}
.f_ml60{margin-left:60px;}
.f_ml70{margin-left: 10px;}

.f_mr20{margin-right: 20px;}
.f_mr50{margin-right: 50px;}

.f_pt10{padding-top: 10px;}
.f_pt20{padding-top: 20px;}
.f_pt30{padding-top: 30px;}

.f_pb10{padding-bottom: 10px;}
.f_pb30{padding-bottom: 30px;}

.f_pr20{padding-right: 20px;}
.f_pl20{padding-left:20px;}

移动端

@charset “utf-8″;
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{font-weight:normal;}
html,body,fieldset,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
ul , ol , ul li , li , ol li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family: ‘microsoft yahei’; color:#666;outline:0;}
a{color:#333; border: none; text-decoration: none;outline:none; /*移除虚线框 IE8,FF有用*/ hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/}
a:focus{outline: 0;-moz-outline-style: none;}
a:hover{color: #0065bb;}
img{overflow: hidden;border: 0 none;vertical-align: middle;-ms-interpolation-mode: bicubic;}
button,input,select,textarea{font-size:100%;font-family:tahoma;margin: 0;outline: 0 none;vertical-align: baseline;_overflow:visible;*vertical-align: middle;*overflow:visible;}
label,
select,
button,
input[type=”button”],
input[type=”reset”],
input[type=”submit”],
input[type=”radio”],
input[type=”checkbox”] {
cursor: pointer;
}
html {
font-size : 20px;
}
/*— 自定义全局function —*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: “”;
}
.clearfix:after {
clear: both;
}
.hide {
display: none;
}
.show {
display: block;
}

Windows 7 下 PHP 开发环境搭建

吴阳 No Comments

第一部分:安装Apache2.4.4

1.下载文件:httpd-2.4.4-win32-ssl_0.9.8.zip;

2.解压安装:将Apache24文件夹拷到C盘根目录(可以是非系统盘);

3.打开C:\Apache24\conf文件夹下面的httpd.conf文件,用记事本打开即可;

4.第213行ServerName前面的“#”号去掉;

5.第237行DocumentRoot “c:/Apache24/htdocs”改为”E:/WorkSpace/WWW”(此路径是自定义本地站点存放的位置,就是HTML、css、js等文件的地方);

6.第238行<Directory “c:/Apache24/htdocs”>改为”E:/WorkSpace/WWW”>

7.第271行DirectoryIndex index.html改为DirectoryIndex index.php index.html index.htm

小提示:上述提到的多少行,不一定每一个版本都是同样的,找到相应的英文即可。

 

第二部分:安装PHP5.4.15

1.下载文件:php-5.4.15-Win32-VC9-x86.zip

2.解压安装:解压文件,拷到C盘根目录,改名为PHP54

3.复制份php.ini-development,并改名为PHP.ini

4.打开C:\Apache24\conf文件夹下面的httpd.conf文件,在#LoadModule xml2enc_module modules/mod_xml2enc.so下面添加如下信息

LoadModule php5_module”C:/PHP54/php5apache2_4.dll”
PHPIniDir”C:\PHP54″
AddType application/x-httpd-php .php .html .htm

5.在WWW文件夹中创建index.php,文件内容如下

<head><html>

<title>Test PHP5</title>

</head>

<body>

<center><h1>This is test information</h1> </center>

<hr> <?php phpinfo(); ?>

</body>

</html>

6.启动Apache服务器:在cmd窗口中启动(启动方式,测试过程中窗口不能关闭,否则服务停止);
7.在浏览器中输入http://localhost/如果出现以下信息,则表明配置成功

原文地址http://www.cnblogs.com/zhangtingkuo/archive/2013/05/12/3073985.html