国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

編寫自己的代碼庫(javascript常用實例的實現與封裝)

plus2047 / 1960人閱讀

摘要:我自己封裝這個,并不是我有造輪子的習慣,而是,都是一些常用,但是零散的小實例,網上基本沒有插件。,因為零散的小實例,涉及到的有字符串,數組,對象等類型,就算找到插件,在項目引入的很有可能不止一個插件。都是簡單的代碼,封裝也不難。

1.前言

因為公司最近項目比較忙,沒那么多空余的事件寫文章了,所以這篇文章晚了幾天發布。但是這也沒什么關系,不過該來的,總是會來的。
好了,其他的不多說的,大家在開發的時候應該知道,有很多常見的實例操作。比如數組去重,關鍵詞高亮,打亂數組等。這些操作,代碼一般不會很多,實現的邏輯也不會很難,下面的代碼,我解釋就不解釋太多了,打上注釋,相信大家就會懂了。但是,用的地方會比較,如果項目有哪個地方需要用,如果重復寫的話,就是代碼沉余,開發效率也不用,復用基本就是復制粘貼!這樣是一個很不好的習慣,大家可以考慮一下把一些常見的操作封裝成函數,調用的時候,直接調用就好!
源碼都放在github上了,大家想以后以后有什么修改或者增加的,歡迎大家來star一下ec-do。

2.字符串操作 2-1去除字符串空格
//去除空格  type 1-所有空格  2-前后空格  3-前空格 4-后空格
function trim(str,type){
    switch (type){
        case 1:return str.replace(/s+/g,"");
        case 2:return str.replace(/(^s*)|(s*$)/g, "");
        case 3:return str.replace(/(^s*)/g, "");
        case 4:return str.replace(/(s*$)/g, "");
        default:return str;
    }
}
2-2字母大小寫切換
/*type
1:首字母大寫   
2:首頁母小寫
3:大小寫轉換
4:全部大寫
5:全部小寫
 * */
//changeCase("asdasd",1)
//Asdasd
function changeCase(str,type)
{
    function ToggleCase(str) {
        var itemText = ""
        str.split("").forEach(
            function (item) {
                if (/^([a-z]+)/.test(item)) {
                    itemText += item.toUpperCase();
                }
                else if (/^([A-Z]+)/.test(item)) {
                    itemText += item.toLowerCase();
                }
                else{
                    itemText += item;
                }
            });
        return itemText;
    }

    switch (type) {
        case 1:
            return str.replace(/^(w)(w+)/, function (v, v1, v2) {
                return v1.toUpperCase() + v2.toLowerCase();
            });
        case 2:
            return str.replace(/^(w)(w+)/, function (v, v1, v2) {
                return v1.toLowerCase() + v2.toUpperCase();
            });
        case 3:
            return ToggleCase(str);
        case 4:
            return str.toUpperCase();
        case 5:
            return str.toLowerCase();
        default:
            return str;
    }
}
2-3字符串循環復制
//repeatStr(str->字符串, count->次數)
//repeatStr("123",3)
//"123123123"
function repeatStr(str, count) {
    var text = "";
    for (var i = 0; i < count; i++) {
        text += str;
    }
    return text;
}
2-4字符串替換
//字符串替換(字符串,要替換的字符,替換成什么)
function replaceAll(str,AFindText,ARepText){
   raRegExp = new RegExp(AFindText,"g");
   return str.replace(raRegExp,ARepText);
}
2-5替換*
//replaceStr(字符串,字符格式, 替換方式,替換的字符(默認*))
function replaceStr(str, regArr, type,ARepText) {
    var regtext = "", Reg = null,replaceText=ARepText||"*";
    //replaceStr("18819322663",[3,5,3],0)
    //188*****663
    //repeatStr是在上面定義過的(字符串循環復制),大家注意哦
    if (regArr.length === 3 && type === 0) {
        regtext = "(w{" + regArr[0] + "})w{" + regArr[1] + "}(w{" + regArr[2] + "})"
        Reg = new RegExp(regtext);
        var replaceCount = repeatStr(replaceText, regArr[1]);
        return str.replace(Reg, "$1" + replaceCount + "$2")
    }
    //replaceStr("asdasdasdaa",[3,5,3],1)
    //***asdas***
    else if (regArr.length === 3 && type === 1) {
        regtext = "w{" + regArr[0] + "}(w{" + regArr[1] + "})w{" + regArr[2] + "}"
        Reg = new RegExp(regtext);
        var replaceCount1 = repeatSte(replaceText, regArr[0]);
        var replaceCount2 = repeatSte(replaceText, regArr[2]);
        return str.replace(Reg, replaceCount1 + "$1" + replaceCount2)
    }
    //replaceStr("1asd88465asdwqe3",[5],0)
    //*****8465asdwqe3
    else if (regArr.length === 1 && type == 0) {
        regtext = "(^w{" + regArr[0] +  "})"
        Reg = new RegExp(regtext);
        var replaceCount = repeatSte(replaceText, regArr[0]);
        return str.replace(Reg, replaceCount)
    }
    //replaceStr("1asd88465asdwqe3",[5],1,"+")
    //"1asd88465as+++++"
    else if (regArr.length === 1 && type == 1) {
        regtext = "(w{" + regArr[0] +  "}$)"
        Reg = new RegExp(regtext);
        var replaceCount = repeatSte(replaceText, regArr[0]);
        return str.replace(Reg, replaceCount)
    }
}
2-6檢測字符串
//checkType("165226226326","phone")
//false
//大家可以根據需要擴展
function checkType (str, type) {
    switch (type) {
        case "email":
            return /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/.test(str);
        case "phone":
            return /^1[3|4|5|7|8][0-9]{9}$/.test(str);
        case "tel":
            return /^(0d{2,3}-d{7,8})(-d{1,4})?$/.test(str);
        case "number":
            return /^[0-9]$/.test(str);
        case "english":
            return /^[a-zA-Z]+$/.test(str);
        case "chinese":
            return /^[u4E00-u9FA5]+$/.test(str);
        case "lower":
            return /^[a-z]+$/.test(str);
        case "upper":
            return /^[A-Z]+$/.test(str);
        default :
            return true;
    }
}
2-7檢測密碼強度
//checkPwd("12asdASAD")
//3(強度等級為3)
function checkPwd(str) {
    var nowLv = 0;
    if (str.length < 6) {
        return nowLv
    }
    ;
    if (/[0-9]/.test(str)) {
        nowLv++
    }
    ;
    if (/[a-z]/.test(str)) {
        nowLv++
    }
    ;
    if (/[A-Z]/.test(str)) {
        nowLv++
    }
    ;
    if (/[.|-|_]/.test(str)) {
        nowLv++
    }
    ;
    return nowLv;
}

2-8隨機碼(toString詳解)
//count取值范圍0-36

//randomNumber(10)
//"2584316588472575"

//randomNumber(14)
//"9b405070dd00122640c192caab84537"

//Math.random().toString(36).substring(2);
//"83vhdx10rmjkyb9"
function randomNumber(count){
   return Math.random().toString(count).substring(2);
}
2-9查找字符串

可能標題會有點誤導,下面我就簡單說明一個需求,在字符串"sad44654blog5a1sd67as9dablog4s5d16zxc4sdweasjkblogwqepaskdkblogahseiuadbhjcibloguyeajzxkcabloguyiwezxc967"中找出"blog"的出現次數。代碼如下

function countStr (str,strSplit){
    return str.split(strSplit).length-1
}
var strTest="sad44654blog5a1sd67as9dablog4s5d16zxc4sdweasjkblogwqepaskdkblogahseiuadbhjcibloguyeajzxkcabloguyiwezxc967"
//countStr(strTest,"blog")
//6
3.數組操作 3-1數組去重

這個方法是在太多了,我之前寫的文章(js數組操作--使用迭代方法替代for循環,js關鍵詞變色,數組打亂,數組去重的實現和封裝)也有提到,我今天這里就寫一種之前沒用過的方法。

//ES6新增的Set數據結構,類似于數組,但是里面的元素都是唯一的 ,其構造函數可以接受一個數組作為參數
//let arr=[1,2,1,2,6,3,5,69,66,7,2,1,4,3,6,8,9663,8]
//let set = new Set(array);
//{1,2,6,3,5,69,66,7,4,8,9663}
//ES6中Array新增了一個靜態方法from,可以把類似數組的對象轉換為數組
//Array.from(set)
//[1,2,6,3,5,69,66,7,4,8,9663]
function removeRepeatArray(arr){
    return Array.from(new Set(arr))
}
3-2數組順序打亂
function upsetArr(arr){
    return arr.sort(function(){ return Math.random() - 0.5});
}
3-3數組最大值最小值
//這一塊的封裝,主要是針對數字類型的數組
function maxArr(arr){
    return Math.max.apply(null,arr);
}
function minArr(arr){
    return Math.min.apply(null,arr);
}
3-4數組求和,平均值
//這一塊的封裝,主要是針對數字類型的數組
//求和
function sumArr(arr){
    var sumText=0;
    for(var i=0,len=arr.length;i
3-5從數組中隨機獲取元素
//randomOne([1,2,3,6,8,5,4,2,6])
//2
//randomOne([1,2,3,6,8,5,4,2,6])
//8
//randomOne([1,2,3,6,8,5,4,2,6])
//8
//randomOne([1,2,3,6,8,5,4,2,6])
//1
function randomOne(arr) {
    return arr[Math.floor(Math.random() * arr.length)];
}
3-6返回數組(字符串)一個元素出現的次數
//getEleCount("asd56+asdasdwqe","a")
//3
//getEleCount([1,2,3,4,5,66,77,22,55,22],22)
//2
function getEleCount (obj, ele) {
    var num = 0;
    for (var i = 0, len = obj.length; i < len; i++) {
        if (ele == obj[i]) {
            num++;
        }
    }
    return num;
}
3-7返回數組(字符串)出現最多的幾次元素和出現次數
//arr, rank->長度,默認為數組長度,ranktype,排序方式,默認降序
function getCount(arr, rank,ranktype){ 
    var obj = {}, k, arr1 = []
    //記錄每一元素出現的次數
    for (var i = 0, len = arr.length; i < len; i++) {
        k = arr[i];
        if (obj[k]) {
            obj[k]++;
        }
        else {
            obj[k] = 1;
        }
    }
    //保存結果{el-"元素",count-出現次數}
    for (var o in obj) {
        arr1.push({el: o, count: obj[o]});
    }
    //排序(降序)
    arr1.sort(function (n1, n2) {
        return n2.count - n1.count
    });
    //如果ranktype為1,則為升序,反轉數組
    if(ranktype===1){
        arr1=arr1.reverse();
    }
    var rank1 = rank || arr1.length;
    return arr1.slice(0,rank1);
}

getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2])
默認情況,返回所有元素出現的次數

getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],3)
傳參(rank=3),只返回出現次數排序前三的

getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],null,1)
傳參(ranktype=1,rank=null),升序返回所有元素出現次數

getCount([1,2,3,1,2,5,2,4,1,2,6,2,1,3,2],3,1)
傳參(rank=3,ranktype=1),只返回出現次數排序(升序)前三的

3-8得到n1-n2下標的數組
//getArrayNum([0,1,2,3,4,5,6,7,8,9],5,9)
//[5, 6, 7, 8, 9]

//getArrayNum([0,1,2,3,4,5,6,7,8,9],2) 不傳第二個參數,默認返回從n1到數組結束的元素
//[2, 3, 4, 5, 6, 7, 8, 9]
function getArrayNum(arr,n1,n2){
    var arr1=[],len=n2||arr.length-1;
    for(var i=n1;i<=len;i++){
        arr1.push(arr[i])
    }
    return arr1;
}
3-9篩選數組
/刪除值為"val"的數組元素
//removeArrayForValue(["test","test1","test2","test","aaa"],"test","%")
//["aaa"]   帶有"test"的都刪除
    
//removeArrayForValue(["test","test1","test2","test","aaa"],"test")
//["test1", "test2", "aaa"]  //數組元素的值全等于"test"才被刪除
function removeArrayForValue(arr,val,type){
    return arr.filter(function (item) {
        return type? item.indexOf(val) === -1 : item !== val
    })
}
4.基礎DOM操作

這個部分代碼其實參考jquery的一些函數寫法,唯一區別就是調用不用,參數一樣.
比如下面的栗子

//設置對象內容
jquery:$("#xxx").html("hello world");
現在:html(document.getElementById("xxx"),"hello world")
//獲取對象內容
jquery:$("#xxx").html();
現在:html(document.getElementById("xxx"))
4-1檢測對象是否有哪個類名
function hasClass(obj,classStr){ 
    var arr=obj.className.split(/s+/); //這個正則表達式是因為class可以有多個,判斷是否包含 
    return (arr.indexOf(classStr)==-1)?false:true;
},
4-2添加類名
function addClass(obj,classStr){
    if (!this.hasClass(obj,classStr)){obj.className += " " + classStr};
},
4-3刪除類名
function removeClass(obj,classStr){
    if (this.hasClass(obj,classStr)) {
        var reg = new RegExp("(s|^)" + classStr + "(s|$)");
        obj.className = obj.className.replace(reg, "");
    }
},
4-4替換類名("被替換的類名","替換的類名")
function replaceClass(obj,newName,oldName) {
    removeClass(obj,oldName);
    addClass(obj,newName);
}
4-5獲取兄弟節點
function siblings(obj){
    var a=[];//定義一個數組,用來存o的兄弟元素 
    var p=obj.previousSibling; 
    while(p){//先取o的哥哥們 判斷有沒有上一個哥哥元素,如果有則往下執行 p表示previousSibling 
        if(p.nodeType===1){ 
        a.push(p); 
        } 
        p=p.previousSibling//最后把上一個節點賦給p 
    } 
    a.reverse()//把順序反轉一下 這樣元素的順序就是按先后的了 
    var n=obj.nextSibling;//再取o的弟弟 
    while(n){//判斷有沒有下一個弟弟結點 n是nextSibling的意思 
        if(n.nodeType===1){ 
            a.push(n); 
        } 
        n=n.nextSibling; 
    }
    return a;
},
4-6設置樣式
function css(obj,json){
    for(var attr in json){
        obj.style[attr]=json[attr];
    }
}
4-7設置文本內容
function html(obj){
    if(arguments.length==0){
        return this.innerHTML;
    }
    else if(arguments.length==1){
        this.innerHTML=arguments[0];
    }
}
4-8顯示隱藏
function show(obj){
    obj.style.display="";
}
function hide(obj){
    obj.style.display="none";
}
5.其他操作 5-1cookie
//cookie
//設置cookie
function setCookie(name,value,iDay){
    var oDate=new Date();
    oDate.setDate(oDate.getDate()+iDay);
    document.cookie=name+"="+value+";expires="+oDate;
}
//獲取cookie
function getCookie(name){
    var arr=document.cookie.split("; ");
    for(var i=0;i
5-2清除對象中值為空的屬性
//filterParams({a:"",b:null,c:"010",d:123})
//Object {c: "010", d: 123}
function filterParams(obj){
    let _newPar = {};
    for (let key in obj) {
        if ((obj[key] === 0 || obj[key]) && obj[key].toString().replace(/(^s*)|(s*$)/g, "") !== "") {
            _newPar[key] = obj[key];
        }
    }
    return _newPar;
}
5-3現金額大寫轉換函數
//upDigit(168752632)
//"人民幣壹億陸仟捌佰柒拾伍萬貳仟陸佰叁拾貳元整"
//upDigit(1682)
//"人民幣壹仟陸佰捌拾貳元整"
//upDigit(-1693)
//"欠人民幣壹仟陸佰玖拾叁元整"
function upDigit(n)   
{  
    var fraction = ["角", "分","厘"];  
    var digit = ["零", "壹", "貳", "叁", "肆", "伍", "陸", "柒", "捌", "玖"];  
    var unit = [ ["元", "萬", "億"], ["", "拾", "佰", "仟"]  ];  
    var head = n < 0? "欠人民幣": "人民幣";  
    n = Math.abs(n);  
    var s = "";  
    for (var i = 0; i < fraction.length; i++)   
    {
        s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, ""); 
    } 
    s = s || "整";  
    n = Math.floor(n);  
    for (var i = 0; i < unit[0].length && n > 0; i++)   
    {  
        var p = "";  
        for (var j = 0; j < unit[1].length && n > 0; j++)   
        {  
            p = digit[n % 10] + unit[1][j] + p; 
            n = Math.floor(n / 10);
        }
        //s = p.replace(/(零.)*零$/, "").replace(/^$/, "零")+ unit[0][i] + s; 
        s = p+ unit[0][i] + s;
    }
    return head + s.replace(/(零.)*零元/, "元").replace(/(零.)+/g, "零").replace(/^整$/, "零元整");
} 
5-4獲取,設置url參數
//獲取url參數
//getUrlPrmt("segmentfault.com/write?draftId=122000011938")
//Object{draftId: "122000011938"}
function getUrlPrmt(url) {
    url = url ? url : window.location.href;
    let _pa = url.substring(url.indexOf("?") + 1), _arrS = _pa.split("&"), _rs = {};
    for (let i = 0, _len = _arrS.length; i < _len; i++) {
        let pos = _arrS[i].indexOf("=");
        if (pos == -1) {
            continue;
        }
        let name = _arrS[i].substring(0, pos), value = window.decodeURIComponent(_arrS[i].substring(pos + 1));
        _rs[name] = value;
    }
    return _rs;
}

//設置url參數
//setUrlPrmt({"a":1,"b":2})
//a=1&b=2
function setUrlPrmt(obj) {
    let _rs = [];
    for (let p in obj) {
        if (obj[p] != null && obj[p] != "") {
            _rs.push(p + "=" + obj[p])
        }
    }
    return _rs.join("&");
}
5-5隨機返回一個范圍的數字
function randomNumber(n1,n2){
    //randomNumber(5,10)
    //返回5-10的隨機整數,包括5,10
    if(arguments.length===2){
        return Math.round(n1+Math.random()*(n2-n1));
    }
    //randomNumber(10)
    //返回0-10的隨機整數,包括0,10
    else if(arguments.length===1){
        return Math.round(Math.random()*n1)
    }
    //randomNumber()
    //返回0-255的隨機整數,包括0,255
    else{
        return Math.round(Math.random()*255)
    }  
}
5-6隨進產生顏色
function randomColor(){
    //randomNumber是上面定義的函數
    //寫法1
    return "rgb(" + randomNumber(255) + "," + randomNumber(255) + "," + randomNumber(255) + ")";
    
    //寫法2
    return "#"+Math.random().toString(16).substring(2).substr(0,6);
    
    //寫法3
    var color="#";
    for(var i=0;i<6;i++){
        color+="0123456789abcdef"[randomNumber(15)];
    }
    return color;
}

//這種寫法,偶爾會有問題。大家得注意哦
//Math.floor(Math.random()*0xffffff).toString(16);

5-7Date日期時間部分
//到某一個時間的倒計時
//getEndTime("2017/7/22 16:0:0")
//"剩余時間6天 2小時 28 分鐘20 秒"
function getEndTime(endTime){
    var startDate=new Date();  //開始時間,當前時間
    var endDate=new Date(endTime); //結束時間,需傳入時間參數
    var t=endDate.getTime()-startDate.getTime();  //時間差的毫秒數
    var d=0,h=0,m=0,s=0;
    if(t>=0){
      d=Math.floor(t/1000/3600/24);
      h=Math.floor(t/1000/60/60%24);
      m=Math.floor(t/1000/60%60);
      s=Math.floor(t/1000%60);
    } 
    return "剩余時間"+d+"天 "+h+"小時 "+m+" 分鐘"+s+" 秒";
}
5-8適配rem

這個適配的方法很多,我就寫我自己用的方法。大家也可以去我回答過得一個問題那里看更詳細的說明!移動端適配問題

function getFontSize(){
    var doc=document,win=window;
    var docEl = doc.documentElement,
    resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
    recalc = function () {
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return;
        //如果屏幕大于750(750是根據我效果圖設置的,具體數值參考效果圖),就設置clientWidth=750,防止font-size會超過100px
        if(clientWidth>750){clientWidth=750}
        //設置根元素font-size大小
        docEl.style.fontSize = 100 * (clientWidth / 750) + "px";
    };
    //屏幕大小改變,或者橫豎屏切換時,觸發函數
    win.addEventListener(resizeEvt, recalc, false);
    //文檔加載完成時,觸發函數
    doc.addEventListener("DOMContentLoaded", recalc, false);
}
//使用方式很簡單,比如效果圖上,有張圖片。寬高都是100px;
//樣式寫法就是
img{
    width:1rem;
    height:1rem;
}
//這樣的設置,比如在屏幕寬度大于等于750px設備上,1rem=100px;圖片顯示就是寬高都是100px
//比如在iphone6(屏幕寬度:375)上,375/750*100=50px;就是1rem=50px;圖片顯示就是寬高都是50px;
6.封裝成形

寫了這么多的操作,小伙伴應該發現了一問題,全局函數太多了

//這樣的話,封裝了幾個操作,就增加了幾個全局函數,污染了全局變量,在開發中應該盡量避免全局變量。不說別的,如果一個項目,幾個人開發,很有可能會造成命名的沖突。

function setUrlPrmt(obj){..}
function getUrlPrmt(url){..}
function upsetArr(obj){..}


//所以,建議的封裝姿勢是
var myJS={
    setUrlPrmt:function(obj){..},
    getUrlPrmt:function(url){..},
    upsetArr:function(arr){..},
}
這樣就算別人也寫這樣的函數,也不會造成沖突。全局變量也只有一個,加上別人也不會很多!
var otherJS={
    setUrlPrmt:function(obj){..},
    getUrlPrmt:function(url){..},
    upsetArr:function(arr){..},
}


//最后,封裝的效果是
var myJS={
    //去除字符串空格
    trim:function(obj){..},
    //字母大小寫切換
    changeCase:function(obj){..},
    //字符串循環復制
    repeatStr:function(str){..},
    .....
}

//如果是es6的模塊化開發,大家也可以
let myJS={
    //去除字符串空格
    trim:function(obj){..},
    //字母大小寫切換
    changeCase:function(obj){..},
    //字符串循環復制
    repeatStr:function(str){..},
    .....
}
//暴露模塊,里面的方式大家也可以用es6方式實現,代碼至少會少一點!
export {myJS}
可能有小伙伴會有疑問,這樣封裝,調用有點麻煩,為什么不直接在原型上面封裝,調用方便。比如下面的栗子!
String.prototype.trim=function(type){
    switch (type){
        case 1:return this.replace(/s+/g,"");
        case 2:return this.replace(/(^s*)|(s*$)/g, "");
        case 3:return this.replace(/(^s*)/g, "");
        case 4:return this.replace(/(s*$)/g, "");
        default:return this;
    }
}
//"  12345 6 8 96  ".trim(1)
//"123456896"
//比這樣trim("  12345 6 8 96  ",1)調用方便。
//但是,這樣是不推薦的做法,這樣就污染了原生對象String,別人創建的String也會被污染,造成不必要的開銷。
//更可怕的是,萬一自己命名的跟原生的方法重名了,就被覆蓋原來的方法了
//String.prototype.substr=function(){console.log("asdasd")}  
//"asdasdwe46546".substr()
//asdasd 
//substr方法有什么作用,大家應該知道,不知道的可以去w3c看下

所以在原生對象原型的修改很不推薦!至少很多的公司禁止這樣操作!

7.小結

這篇文章,寫了很久了,幾個小時了,因為我寫這篇文章,我也是重新改我以前代碼的,因為我以前寫的代碼,功能一樣,代碼比較多,現在是邊想邊改邊寫,還要自己測試(之前的代碼for循環很多,現在有很多簡潔的寫法代替)。加上最近公司比較忙,所以這一篇文章也是花了幾天才整理完成。
源碼都放在github上了,大家想以后以后有什么修改或者增加的,歡迎大家來star一下ec-do。
我自己封裝這個,并不是我有造輪子的習慣,而是:
1,都是一些常用,但是零散的小實例,網上基本沒有插件。
2,因為零散的小實例,涉及到的有字符串,數組,對象等類型,就算找到插件,在項目引入的很有可能不止一個插件。
3.都是簡單的代碼,封裝也不難。維護也簡單。
廢話就不多說了,上面的只是我自己在開發中常用到,希望能幫到小伙伴們,最理想就是這篇文章能起到一個拋磚引玉的作用,就是說,如果覺得還有什么操作是常用的,或者覺得我哪里寫得不好的,也歡迎指出,讓大家相互幫助,相互學習。

-------------------------華麗的分割線--------------------
想了解更多,關注關注我的微信公眾號:守候書閣

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

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

相關文章

  • 編寫自己代碼javascript常用實例實現封裝--續)

    摘要:前言這個系列的上一篇文章編寫自己的代碼庫常用實例的實現與封裝總結了個常見的操作。前序修改以及寫法優化此處修改之前提交函數已經發現的,基于這個系列上篇文章的提供的函數。 1.前言 這個系列的上一篇文章(編寫自己的代碼庫(javascript常用實例的實現與封裝))總結了34個常見的操作。但是在開發中,常見的實例又何止這么多個,經過這些日子的探索,以及他人的意見,現在得追加一些操作實例了。...

    Atom 評論0 收藏0
  • 個人分享--web前端學習資源分享

    摘要:前言月份開始出沒社區,現在差不多月了,按照工作的說法,就是差不多過了三個月的試用期,準備轉正了一般來說,差不多到了轉正的時候,會進行總結或者分享會議那么今天我就把看過的一些學習資源主要是博客,博文推薦分享給大家。 1.前言 6月份開始出沒社區,現在差不多9月了,按照工作的說法,就是差不多過了三個月的試用期,準備轉正了!一般來說,差不多到了轉正的時候,會進行總結或者分享會議!那么今天我就...

    sherlock221 評論0 收藏0
  • JS實現博客前端頁面(一)—— 封裝基礎

    摘要:創建基本庫首先創建一個基本庫,名字叫做用于編寫最常用的代碼,然后不斷的擴展封裝。 1、創建基本庫 首先創建一個基本庫,名字叫做base.js,用于編寫最常用的代碼,然后不斷的擴展封裝。在最常用的代碼中,最常用的就是獲取節點的方法。這里我們可以編寫代碼如下: //創建base.js //整個庫可以是一個對象 var Base={ //方法名盡可能簡短而富有意義 getId...

    UCloud 評論0 收藏0
  • 前端每周清單半年盤點之 CSS 篇

    摘要:前端每周清單專注前端領域內容,以對外文資料的搜集為主,幫助開發者了解一周前端熱點分為新聞熱點開發教程工程實踐深度閱讀開源項目巔峰人生等欄目。它能夠為我們提供類似于預處理器命名空間等多方面的輔助。 前端每周清單專注前端領域內容,以對外文資料的搜集為主,幫助開發者了解一周前端熱點;分為新聞熱點、開發教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號(ID:f...

    RaoMeng 評論0 收藏0

發表評論

0條評論

plus2047

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<