前端 总结 160524

简介:
  1. jQuery validate动态添加

1
2
3
4
var  notnull =  "{'required':true,'maxlength':50}" ;
$(inputObj).addClass( "validError" ).attr( "validate" , notnull);
$(inputObj).attr( "class" "" );
$(inputObj).removeAttr( "validate" );

2.数组操作

2.1数组截断

1
2
3
  var  array = [ 'a' , 'b' , 'c' , 'd' ];
    
   array.length = 3  //只输出a,b,c

2.2数组合并

1
2
3
4
5
6
7
      var  array1 = [ 'a' , 'b' , 'c' , 'd' ];
       var  array2 = [ 'a' , 'b' ]; 
       var  array3 = array1.concat(array2) //array1和array2规模不大
       
           var  array1 = [ 'a' , 'b' , 'c' , 'd' ];
       var  array2 = [ 'a' , 'b' ]; 
       array1.push().apply(array1,array2) //规模大

2.3数组从后向前取

1
2
3
4
       var  array1 = [ 'a' , 'b' , 'c' , 'd' ];
       var  array2 = [ 'a' , 'b' ]; 
       array1.slice(1,2) //b
       array1.slice(-1) //d

2.4数组字符串或正规表达式替换

1
2
3
var  string =  'john john'
$( "#div1" ).html(string.replace(/hn/,  "ana" )) //只替换第一个hn
$( "#div1" ).html(string.replace(/hn/g,  "ana" )) //替换所有hn

2.5NodeList转换成数组

1
2
var  elements = $( 'p' );
var  ArrayAle = Array.from(elements)

2.6字符串转换成数字

1
2
var  elements =  'a' ;
$( "#div1" ).html(+elements)

3判断列表是否为空

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
  var  $fj = $( '#fj' );
             if ($fj){
               var  tr = $( '#fj tr' );
               if (!tr || tr.length == 0){
                 $.oaAlert({
                     type : 0,
                     tipMsg :  '请上传测试标准!'
                 });
               return  false
               }
             } else  {
               $.oaAlert({
                     type : 0,
                     tipMsg :  '请上传测试标准!'
                 });
               return  false
           }
           }

4 取radio选中值

1
2
3
4
5
6
7
8
9
10
11
function  chickRadios(name){
         var  radios = document.getElementsByName(name);
          if (!radios) 
                 return  '' ;
             for  ( var  i = 0; i < radios.length; i++) 
             {
                 if  (radios[i].checked) 
                     return  radios[i].value;
             }
            return  '' ;
     }

5.判断函数是否存在

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/** 判断是否是函数功能 */
function  isExitsFunction(funcName) {
     var  booleanflag = 0;  // not function
     try  {
         if  (eval(funcName +  "()" )) {
             booleanflag = 1;  // function isExit and return true
             return  booleanflag;
         else  {
             booleanflag = 2  // function isExit and return false
             return  booleanflag;
         }
     catch  (e) {
         log(e);
     }
     return  booleanflag;
}

6.javascript的try catch

7.判断浏览器的方法

navigator.userAgent、$.browser、$.support(JQuery 1.9)

8.select的onchange(),onclick(),.change(function{}),

9.获取select,

1
2
$( '$sel' );
$( "select[name='name1']" );






     本文转自 gaochaojs 51CTO博客,原文链接:http://blog.51cto.com/jncumter/1782528,如需转载请自行联系原作者

相关文章
|
前端开发
前端总结:块级元素和行内元素及其区别
前端总结:块级元素和行内元素及其区别
91 0
前端总结:块级元素和行内元素及其区别
|
前端开发 JavaScript 容器
|
移动开发 小程序 JavaScript
总结10条~高级前端必知的小程序体积优化策略
我们都知道微信小程序有包体积限制,整个小程序所有分包大小不超过 20M,单个分包/主包大小不能超过 2M。然而面对业务的不断更新迭代,代码和资源会越来越多,如果不尽早规划包体积的治理,势必有一天会对业务的发展造成阻碍。所以如何在有效支持业务逻辑的同时,尽量减少资源占用,在小程序开发环境中显得尤为重要。 代码包体积是其中的一个重要方面,本文将就此进行分析与探讨。
385 0
总结10条~高级前端必知的小程序体积优化策略
|
前端开发 安全 网络协议
前端面试题目总结(Http)
前端面试题目总结(Http)
88 0
前端面试题目总结(Http)
|
存储 XML 资源调度
前端面试题目总结(Vue)(下)
前端面试题目总结(Vue)(下)
160 0
|
缓存 JavaScript 前端开发
前端面试题目总结(Vue)(上)
前端面试题目总结(Vue)
166 1
|
存储 JSON 前端开发
前端面试题目总结(JavaScript)(下)
前端面试题目总结(JavaScript)(下)
148 0
|
前端开发 JavaScript
前端面试题目总结(JavaScript)(上)
前端面试题目总结(JavaScript)
107 0
|
前端开发 JavaScript 容器
前端面试题目总结(CSS)
前端面试题目总结(CSS)
144 0
|
存储 移动开发 前端开发
前端面试题目总结(HTML)
前端面试题目总结(HTML)
77 0