簡單的js邏輯封裝

darryrzhong 發布于2019-08-23 10:30 / 2595人閱讀

摘要：刪除空白結點封裝鼠標坐標標準下下封裝阻止瀏覽器默認行為封裝阻止冒泡元素封裝獲取樣式表樣式元素要看到的樣式封裝級添加事件，事件類型，函數封裝級移除事件事件類型函數去除左右空格正則表達式替換轉駝峰正則找以后的第一個值替換將此值轉為大寫解析查

1.刪除空白結點

function delate(parent){
    var lis=parent.childNodes;
        for(var i=0;i
2.封裝鼠標坐標
function hetpos(e){
    //標準下
    var x1=e.pageX;
    var y1=e.pageY;
    var pos={
        x:x1,
        y:y1
    }
    //IE下
    if(pos.x==="undefined"){
        pos.x=e.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft);
    }else if(pos.y==="undefined"){
        pos.y=e.clientY+(document.documentElement.scrollTop||document.body.scrollTop);
    }
    return pos;
}
3.封裝阻止瀏覽器默認行為
function stopDefault(e){
            if(e.preventDefault){
                return e.preventDefault();
            }else{
                return e.returnValue=false;
            }
        }
4.封裝阻止冒泡
function  stopBubble(e){
    if(e.stopPropagation){
        return e.stopPropagation();
    }else{
        return e.cancelBubble=true;
    }
}
//stopBubble(元素)
5.封裝獲取樣式表樣式
function getStyle(newobj,style){
            if(newobj.currentStyle){
                return newobj.currentStyle[style];
            }else{
                return getComputedStyle(newobj,null)[style];
            }
        }
        //getStyle(dom元素,"要看到的css樣式");


6.封裝DOM2級添加事件
function addEvent( obj , type , fun){
            if(obj.addEventListener){
                return obj.addEventListener(type,fun,false);
            }else if(obj.attachEvent){
                return obj.attachEvent("on"+type, fun);
            }else{
                return obj["on"+type]=fun;
            }
        }
//addEvent(dom，事件類型，函數)
7.封裝DOM2級移除事件
function remEvent( obj , type , fun){
            if(obj.removeEventListener){
                return obj.removeEventListener(type,fun,false);
            }else if(obj.detachEvent){
                return obj.detachEvent("on"+type, fun);
            }else{
                return obj["on"+type]=null;
            }
        }
        //remEvent( dom , 事件類型 , 函數)
8.去除左右空格
function trim(str){
            var reg=/^s+|s+$/g;//正則表達式
            return str.replace(reg,"");//替換
        }
        // console.log(trim(str));

9.轉駝峰
function tf(str1){
            var reg1=/-(w){1}/g;//正則  找-以后的第一個值
            var strn=str1.replace( reg1 , function(){//替換
                return arguments[1].toUpperCase();//將此值轉為大寫
            });
             return strn;
        }
        // console.log(tf(str1));
10.解析url
（1）function jx(str2){
            var en=str2.indexOf("?");//查找?下標 記錄
            var news=str2.slice(en+1);//截取?以后的所有值
            var arr=news.split("&");//以&轉數組
            var obj={}
            for(var i=0;i
（3）function getUrl(name){
    var reg=new RegExp("(^|&)"+name+"([^&]*)($|&)");
    var arr=location.search.substr(1).match(reg);

    if(arr){
        return decodeURI(arr[2]);
    }
}
getUrl("要查詢名")

11.集合
var $={
            //查找    找到返回下標   找不到返回-1
            hasClass:function(newo,clas){
                var arr=newo.className.split(/s+/);//以空格轉數組
                var con = -1;//賦初始值
                for(var i=0;i

云服務器 GPU云服務器封裝的js文件沖突l js實現的簡單特效簡單js做的特效簡單的js提示框

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96414.html

關于如何把項目做得更好的一次思考

摘要：怎么樣才能把項目做的好一點或者更好首先，在老板看來，他肯定希望今天提的需求可以立馬就上線。關于注釋注釋是有必要的，這個對個人和他人都是有好處的。之前做開發的時候對項目完全沒有一個整體的思考，需求來了就知道做，只關心自己做的那部分的功能，做完拉到。但最近所做的項目中，遇到了不少問題，自己都忍不住吐槽起來了。如：項目經常性延期、代碼冗余、添加一個很小的新功能都需要改動很多地方，還對之前的...

羅志環 2019-08-23 11:00 評論0 收藏0
關于如何把項目做得更好的一次思考

摘要：怎么樣才能把項目做的好一點或者更好首先，在老板看來，他肯定希望今天提的需求可以立馬就上線。關于注釋注釋是有必要的，這個對個人和他人都是有好處的。之前做開發的時候對項目完全沒有一個整體的思考，需求來了就知道做，只關心自己做的那部分的功能，做完拉到。但最近所做的項目中，遇到了不少問題，自己都忍不住吐槽起來了。如：項目經常性延期、代碼冗余、添加一個很小的新功能都需要改動很多地方，還對之前的...

Enlightenment 2019-08-02 11:14 評論0 收藏0
精讀《React 八種條件渲染》

摘要：引言本期精讀的文章是介紹了八種條件渲染方式。此時小王接到了需求，終于維護了一個大項目。更多討論討論地址是精讀八種條件渲染如果你想參與討論，請點擊這里，每周都有新的主題，周末或周一發布。 1 引言本期精讀的文章是：8 React conditional rendering methods 介紹了八種 React 條件渲染方式。模版條件渲染非常常見，遇到的時候往往會隨機選擇一種方式使用...

Rainie 2019-08-22 18:07 評論0 收藏0
JavaScript基礎學習——面向對象（對象創建之工廠模式）

摘要：官方解釋工廠是構造方法的抽象，抽象了創建具體對象的過程。工廠方法模式的實質是定義一個創建對象的接口，但讓實現這個接口的類來決定實例化哪個類。前言上一章回顧了JS對象的屬性類型，那么除了我們常用的new Object()構造函數創建對象和字面量方式創建對象的方式外，還需要用到更多的模式來解決對象被多次復用的問題。什么意思呢？就是我們很有可能會在各個地方去使用已經創建過的對象，但是對象...

qpal 2019-08-23 17:12 評論0 收藏0