第一页 上页 5 6 7 8 9 10 11 12 13 14 下页 最后页 [ 显示模式: 摘要 | 列表 ]
JavaScript代码
  1. /** 
  2. * 
  3. * @param parent父节点 
  4. * @param ele要选取的元素标签 
  5. * @param num第几个元素 
  6. * @return {*} 
  7. */  
  8. function nth(parent,ele,num){  
  9.     var _ele=Array.prototype.slice.call(parent.childNodes),eleArray=[];  
  10.     //将父节点的子节点转换成数组_ele;eleArray为只储存元素节点的数组  
  11.     for(var i=0,len=_ele.length;i<len;i++){  
  12.         if(_ele[i].nodeType==1){  
  13.             eleArray.push(_ele[i]);//过滤掉非元素节点  
  14.         }  
  15.     }  
  16.     if(arguments.length===2){  
  17.         //如果只传入2个参数,则如果第二个参数是数字,则选取父节点下的第几个元素  
  18.         //如果第二个参数是字符串,则选取父节点下的所有参数代表的节点  
  19.         if(typeof arguments[1]==="string"){  
  20.             _ele=Array.prototype.slice.call(parent.getElementsByTagName(arguments[1]));  
  21.             return _ele;  
  22.         }else if(typeof arguments[1]==="number"){  
  23.             return eleArray[arguments[1]];  
  24.         }  
  25.     }else{  
  26.         //如果参数齐全,则返回第几个某节点,索引从0开始  
  27.         _ele=Array.prototype.slice.call(parent.getElementsByTagName(ele));  
  28.         return _ele[num];  
  29.     }  
  30. };  

 

关于transition和keyframes

[不指定 2015/10/19 21:08 | by 刘新修 ]
CSS代码
  1. /***** transition 和 animation ******/  
  2. transition  /** 是页面元素的过渡效果,如鼠标划上旋转、变成等 **/  
  3. animation   /** 则是动画组,直接指向了动画关键帧,animation-name 对应 @keyframes neme{}  **/  
  4.   
  5.   
  6. animation-name          /** 动画名称 **/  
  7. animation-duration      /** 动画的时间 **/  
  8. animation-timing-function   /** 设置动画的过渡类型,一般去linear线性过渡 **/  
  9. animation-delay         /** 设置延时时间 **/  
  10. animation-iteration-count   /** 动画循环次数默认为1 ,infinite为无限循环 **/  
  11. animation-direction     /** 动画的方向分为正反,normal为正alternate反 **/  
  12. animation-play-state        /** w3c正在考虑是否将该属性移除,你建议使用! **/  
  13. animation-fill-mode             /** 默认值为:none,设置forwards时停留在最后一帧; **/  
  14.   
  15.   
  16. /***** animation缩写:*****/  
  17. /*******************************************************************/  
  18. animation:name 1s linear 5s forwards; /*** 定义在随着一帧 ***/  
  19.   
  20. animation:name 1s linear 5s infinite; /*** 一直循环动画 ***/  
  21.   
  22. animation:mymove 1s linear 5s infinite forwards; /*** 错误的 ***/  
  23.   
  24. /*** infinite 和 forwards 不可同时定义 ***/  
  25. /**********************************************************************/  
  26.   
  27.   
  28. @-webkit-keyframes name{  
  29.     from {  }  
  30.     to {  }  
  31. }  
  32. @-o-keyframes name{  
  33.     from {  }  
  34.     to {  }  
  35. }  
  36. @-moz-keyframes name{  
  37.     from {  }  
  38.     to {  }  
  39. }  
  40. @keyframes name{  
  41.     from {  }  
  42.     to {  }  
  43. }  

timing-function 作用于每两个关键帧之间,而不是整个动画

更新SVN版本

[不指定 2015/10/19 09:37 | by 刘新修 ]
C#代码
  1. ls -lart   
  2. mv xfile xfile.20151012  
  3. svn co svn://192.168.3.121/xfile  

NGINX 413 解决方法

[不指定 2015/10/14 17:14 | by 刘新修 ]
413 Request Entity Too Large
NGINX报出413错误是因请求body体上传文件过大导致,修改nginx.conf,在http{} 内部加入以下即可:
client_max_body_size 64M; #body体力最大上传大小,具体多少M根据实际情况填写
Linux内核使用三种不同的版本编号方式。
 
. 第一种方式用于1.0版本之前(包括1.0)。
  第一个版本是0.01,紧接着是0.02、0.03、0.10、0.11、0.12、0.95、0.96、0.97、0.98、0.99和之后的1.0。
. 第二种方式用于1.0之后到2.6,数字由三部分“A.B.C”,A代表主版本号,B代表次主版本号,C代表较小的末版本号。
  只有在内核发生很大变化时(历史上只发生过两次,1994年的1.0,1996年的2.0),A才变化。
  可以通过数字B来判断Linux是否稳定,偶数的B代表稳定版,奇数的B代表开发版。C代表一些bug修复,安全更新,新特性和驱动的次数。
  以版本2.4.0为例,2代表主版本号,4代表次版本号,0代表改动较小的末版本号。
  在版本号中,序号的第二位为偶数的版本表明这是一个可以使用的稳定版本,如2.2.5;
  而序号的第二位为奇数的版本一般有一些新的东西加入,是个不一定很稳定的测试版本,如2.3.1。
  这样稳定版本来源于上一个测试版升级版本号,而一个稳定版本发展到完全成熟后就不再发展。
. 第三种方式从2004年2.6.0版本开始,使用一种“time-based”的方式。
  3.0版本之前,是一种“A.B.C.D”的格式。
  七年里,前两个数字A.B即“2.6”保持不变,C随着新版本的发布而增加,D代表一些bug修复,安全更新,添加新特性和驱动的次数。
  3.0版本之后是“A.B.C”格式,B随着新版本的发布而增加,C代表一些bug修复,安全更新,新特性和驱动的次数。
  第三种方式中不使用偶数代表稳定版,奇数代表开发版这样的命名方式。
  举个例子:3.7.0代表的不是开发版,而是稳定版!
 
linux内核升级时间图谱如下:
 

http://at.liuxinxiu.com/2015/10/image/linux_kernel_v.jpg

编译安装更新SSH到6.7

[不指定 2015/10/04 14:25 | by 刘新修 ]
C++代码
  1. 下载openssh-6.7p1.tar.gz  
  2. wget http://ftp.openbsd.org/pub/OpenBSD/OpenSSH/portable/openssh-6.7p1.tar.gz  
  3. cd openssh-6.7p1/  
  4.   
  5. 备份ssh配置文件 :  
  6. mv /etc/ssh /etc/ssh.bak  
  7.   
  8. 查看是否缺包  
  9. rpm -qa | egrep "gcc|make|perl|pam|pam-devel|zlib|zlib-devel"  
  10.   
  11. 如果有配置yum了的话可以直接yum安装这些包,这样既可以检验是否装了,没装的直接装上。  
  12. yum -y install gcc* make perl pam pam-devel zlib zlib-devel openssl openssl-devel  
  13.   
  14. 先卸载完旧版本的openssh  
  15. rpm -e `rpm -qa | grep openssh  
  16.   
  17. 如果configure时出现-- configure: error: *** OpenSSL headers missing - please install first or check config.log ***  
  18. [root@localhost openssh-6.7p1]#   
  19. 解决办法:安装openssl以及openssl-devel  
  20. yum install openssl openssl-devel  
  21.   
  22. ./configure --prefix=/usr --sysconfdir=/etc/ssh --with-pam --with-zlib --with-md5-passwords  
  23. make  
  24. make install  
  25.   
  26. 查看最新的版本:  
  27. sshd -v  
  28.   
  29. 复制启动脚本到/etc/init.d  
  30. cp /home/openssh-6.7p1/contrib/redhat/sshd.init /etc/init.d/sshd  
  31.   
  32. 加入开机自启  
  33. chkconfig --add sshd  
  34. chkconfig sshd on  
  35. chkconfig --list  
  36.   
  37. 启动sshd,用start或reload。不要restart,restart 会直接断开连接,而并不会接着启动sshd服务,这时候要通过其他途径进入机器,然后启动sshd服务才行。  
  38.   
  39. 如果xshell4连接不上,修改配置,使xshell4默认支持:  
  40. vi /etc/ssh/sshd_config  
  41. #x11Forwarding yes  
  42. #UseLogin yes  

LINUX 机器配置整理文章

[不指定 2015/10/01 19:54 | by 刘新修 ]

系统版本:CentOS-6.4

 
1. 设置网络及DNS域名解析
vi /etc/sysconfig/network-scripts/ifcfg-eth0
原来的DHCP 更改为: static
尾部添加:
IPADDR=192.168.9.201
NETMASK=255.255.255.0
GATEWAY=192.168.9.9
DNS1=192.168.9.9
DNS2=8.8.8.8
同时也在: vi /etc/resolv.conf
nameserver 192.168.9.9
nameserver 8.8.8.8
 
之后重启网络(即可):
service network restart
 
2. 设置服务器向SSH客户端连接会话发送频率和时间
vi /etc/ssh/sshd_config,添加如下两行
ClientAliveInterval 60
ClientAliveCountMax 3
 
之后重启sshd(即可):
service sshd restart
 
3. chkconfig  查看自动启动服务列表
***************************************
chkconfig auditd off  关闭所有
***************************************
chkconfig --level 12345 lvm2-monitor off
chkconfig --level 345 netfs off
chkconfig --level 2345 postfix off 对应的是25端口
 
4. hostname 查看主机名
通过配置文件/etc/sysconfig/network修改。
HOSTNAME=localhost.localdomain
 

局部变量

[不指定 2015/09/18 13:02 | by 刘新修 ]
JavaScript代码
  1. var public=(function(){  
  2.     return {  
  3.         loadFlg: 0,  
  4.         hasUserIconFun:function(){  
  5.           console.log("test");
  6.         }  
  7.     }  
  8. })();  

A. 学习Javascript闭包(Closure)

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。

下面就是我的学习笔记,对于Javascript初学者应该是很有用的。

第一、变量的作用域

要理解闭包,首先必须理解Javascript特殊的变量作用域。

变量的作用域无非就是两种:全局变量和局部变量。

Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。

JavaScript代码
  1. var n=999;  
  2. function f1(){  
  3.   alert(n);  
  4. }  
  5. f1(); //999  

另一方面,在函数外部自然无法读取函数内的局部变量。

JavaScript代码
  1. function f1(){  
  2.   var n=999;  
  3. }  
  4. alert(n); //error  

这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量!

JavaScript代码
  1. function f1(){  
  2.   n=999;  
  3. }  
  4. f1();  
  5. alert(n); //999  

第二、如何从外部读取局部变量?

出于种种原因,我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。

 

那就是在函数的内部,再定义一个函数。

JavaScript代码
  1. function f1(){  
  2.   var n=999;  
  3.   function f2(){  
  4.     alert(n); // 999  
  5.   }  
  6. }  
在上面的代码中,函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1就是不可见的。这就是Javascript语言特有的"链式作用域"结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。
既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!
 
JavaScript代码
  1. function f1(){  
  2.   var n=999;  
  3.   function f2(){  
  4.     alert(n);  
  5.   }  
  6.   return f2; //特别注意不要写成 return f2(); !!  
  7. }  
  8. var result=f1();  
  9. result(); //999  
三、闭包的概念
上一节代码中的f2函数,就是闭包。
各种专业文献上的"闭包"(closure)定义非常抽象,很难看懂。我的理解是,闭包就是能够读取其他函数内部变量的函数。
由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。
所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
 
B. 关于JS闭包调用、闭包取值的常见例子
 
只是一个通俗易懂的总结,希望对大家理解JS闭包有所帮助。
 
案例一:
 
JavaScript代码
  1. var b=20;  
  2. function aa(){  
  3.     //var b=10;   //如果子函数取不到就找window  
  4.     return function(){  
  5.         b++;  
  6.         console.log(b);  
  7.     }  
  8. };  
  9. aa()();  
  10.   
  11. function test(){  
  12.     return function(){alert("不作死就不会死!")}  
  13. };  
  14. test()();  
// test()();  第一个括号执行test函数返回子函数,第二个括号执行test返回的函数
 
备注:为什么后边还要加一个括号?以前我直接test()这样调用,但是没有弹出结果,也没有保存,注意一定要之后在加括号,否则不会返回子函数的内容!
 
JavaScript代码
  1. function a(){  
  2.     var i=0;  
  3.     function b(){  
  4.         console.log(++i);  
  5.     }  
  6.     return b;   //返回b函数本身的内容,不能写成 return b() 这样就直接执行了  
  7. }  
  8. a()();  
这段代码有两个特点:
1. 函数b嵌套在函数a的内部;
2. 函数a返回函数b的内容;
 
当调用执行: var c=a();c(); 实际上就创建了一个闭包,为什么呢?因为函数a外部变量引用了内部函数b,也就是说:
当函数a的内部函数b被a外部的变量引用时,就创建了一个闭包。
 
如果你不想用两个括号引用:a()(); 还有2种方法,如下:
 
1. 定义一个变量接受子函数的返回值,在执行变量所在函数 var c=a();c();
2. 让子函数自执行调用:
JavaScript代码
  1. function aa(){  
  2.     var x=10;  
  3.     (function bb(){  
  4.         x++;  
  5.         console.log(x);  
  6.     })();  
  7. };  
  8. console.log(aa());  
B.关于闭包中出现的this 深度剖析
 
1. 必须了解下作用域的概念,父级作用域的变量可以被子集作用域直接访问,如果子集作用域中没有找到变量,那么会顺着作用域链逐层上爬,直到找到为止。
2. 函数闭包和this没有直接的关系,只有对类用new创建实例对象时this才有意义,不用new的话,this就只是等于windows对象
 
JavaScript代码
  1. var name="The Windows";  
  2. var soho="The Soho";  
  3. var para="The Para";  
  4. var vars="The Vars";  
  5. function object(){  
  6.     this.name="My Object";  
  7.     //this.para="My Para";  //公共变量para先找this.para="My para" 如果没有定义就找window的The para  
  8.     this.soho="My Soho";  
  9.         this.getNameFunc=function(){  
  10.         //var soho="My GetNameSoho"; //先找当前定义的局部变量,如找不到就找上一层,都没有就找window 的变量  
  11.         console.log("soho2:"+soho+"  this.name2:"+this.name);  //soho2:My Soho  this.name2:My Object  
  12.         return function(){  
  13.             this.name="My NO-NameFunc";  
  14.             console.log("this.name3:"+this.name+"  this.vars3:"+this.vars); //this.name3:My NO-NameFunc  this.vars3:The Vars  
  15.             return this.name;  //My NO-NameFunc  
  16.         };  
  17.     }  
  18.     console.log("name1:"+name+"  this.name1:"+this.name+"  para:"+para);  //name1:My Object  this.name1:My Object  para:The Para  
  19.     return getNameFunc;  
  20. }  
  21.   
  22. //alert(object()()());  
  23. console.log(object()()());  
 

其实,this的取值,分四种情况。我们来挨个看一下。

 
在此再强调一遍一个非常重要的知识点:在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分,每次调用函数,都会产生一个新的执行上下文环境。
 
情况1:构造函数
 
所谓构造函数就是用来new对象的函数。其实严格来说,所有的函数都可以new一个对象,但是有些函数的定义是为了new一个对象,而有些函数则不是。另外注意,构造函数的函数名第一个字母大写(规则约定)。例如:Object、Array、Function等。
 
JavaScript代码
  1. function Foo(){  
  2.     this.name="刘新修";  
  3.     this.year=1986;  
  4.     console.log(this); //Foo {name: "刘新修", year: 1986}  
  5. }  
  6. var f1=new Foo();  
  7. console.log(f1.name); //刘新修  
  8. console.log(f1.year); //1986  
注意,以上仅限new Foo()的情况,即Foo函数作为构造函数的情况。如果直接调用Foo函数,而不是new Foo(),情况就大不一样了, 那就是普通函数调用了:
 
JavaScript代码
  1. function Foo(){  
  2.     this.name="刘新修";  
  3.     this.year=1986;  
  4.     console.log(this); //Window {top: Window, location: Location, document: document, window: Window, external: Object…}  
  5. }  
  6. Foo();  
这种情况下this就是window,个人总结:this就是就近原则,谁近就是谁,不然就是window,另外有关于闭包的两个demo同时也便于大家理解this 代码如下:
 
****************************************************************************************************************
代码片段一:
 
JavaScript代码
  1. var name="The Window";  
  2. var object={  
  3.   name:"My Object",  
  4.   getNameFunc:function(){  
  5.     return function(){  
  6.       return this.name;  
  7.     };  
  8.   }  
  9. };  
  10. alert(object.getNameFunc()()); //返回The Window  
代码片段二:
 
JavaScript代码
  1. var name="The Window";  
  2. var object={  
  3.   name:"My Object",  
  4.   getNameFunc:function(){  
  5.     var that=this;  
  6.     return function(){  
  7.       return that.name;  
  8.     };  
  9.   }  
  10. };  
  11. //alert(object.getNameFunc()()); //返回My Object 注:因为var that=this; 声明的为私有变量  
  12. console.log((object.getNameFunc()())); //返回My Object 注:因为var that=this; 声明的为私有变量  
**********************************************************************************************************************
 
情况2:函数作为对象的一个属性
 
如果函数作为对象的一个属性时,并且作为对象的一个属性被调用时,函数中的this指向该对象。
JavaScript代码
  1. var obj={  
  2.     x:10,  
  3.     fn:function(){  
  4.         console.log(this);   //object {fu:function,x:10}  
  5.         console.log(this.x); //10  
  6.     }  
  7. };  
  8. obj.fn();  
以上代码中,fn不仅作为一个对象的一个属性,而且的确是作为对象的一个属性被调用。结果this就是obj对象。
注意,如果fn函数不作为obj的一个属性被调用,会是什么结果呢?
 
 
JavaScript代码
  1. var obj={  
  2.     x:10,  
  3.     fn:function(){  
  4.         console.log(this);   //Window {top: Window, location: Location, document: document, window: Window, external: Object…}  
  5.         console.log(this.x); //如果this是window那this.x 自然就是 undefined  
  6.     }  
  7. };  
  8. var fn1=obj.fn;  
  9. fn1();  
情况3:函数用call或者apply调用
 
当一个函数被call和apply调用时,this的值就取传入的对象的值。至于call和apply如何使用,不会的朋友可以去查查其他资料,本系列教程不做讲解。
 
JavaScript代码
  1. var obj={  
  2.     x:10  
  3. };  
  4. var fn=function(){  
  5.     console.log(this);   //Object {x: 10}  
  6.     console.log(this.x); //10  
  7. };  
  8. fn.call(obj);  
情况4:全局 & 调用普通函数
 
在全局环境下,this永远是window,这个应该没有非议。
 
JavaScript代码
  1. console.log(this===window); //true  
普通函数在调用时,其中的this全部都指向window 如下:
 
JavaScript代码
  1. var x=10;  
  2. var fn=function(){  
  3.     console.log(this);   //window  
  4.     console.log(this.x); //10  
  5. };  
  6. fn();  
以上代码很好理解,如果函数里套子函数this仍然指向window 如下:
 
JavaScript代码
  1. var x=10;  
  2. var obj={  
  3.     x:10,  
  4.     fn:function(){  
  5.         function f(){  
  6.             console.log(this);   //window  
  7.             console.log(this.x); //10  
  8.         };  
  9.         f();  
  10.     }  
  11. };  
  12. obj.fn();  
除非用局部变量 var that=this; 重新定义this 这时候的that 变量只能在函数内部调用,如下:
 
JavaScript代码
  1. var name="The Window";  
  2. var object={  
  3.   name:"My Object",  
  4.   getNameFunc:function(){  
  5.     var that=this;  
  6.     console.log(that);      //Object {name: "My Object"}  
  7.     console.log(this.name); //My Object  
  8.   }  
  9. };  
  10. object.getNameFunc();  
 
第一页 上页 5 6 7 8 9 10 11 12 13 14 下页 最后页 [ 显示模式: 摘要 | 列表 ]