重構(gòu) - 設(shè)計(jì)API的擴(kuò)展機(jī)制

Lowky 發(fā)布于2019-08-22 17:01 / 3130人閱讀

1.前言

上篇文章，主要介紹了重構(gòu)的一些概念和一些簡(jiǎn)單的實(shí)例。這一次，詳細(xì)的說(shuō)下項(xiàng)目中的一個(gè)重構(gòu)場(chǎng)景--給API設(shè)計(jì)擴(kuò)展機(jī)制。目的就是為了方便以后能靈活應(yīng)對(duì)需求的改變。當(dāng)然了，是否需要設(shè)計(jì)擴(kuò)展性這個(gè)要看API的需求。如果大家有什么建議，歡迎評(píng)論留言。

2.擴(kuò)展性表現(xiàn)形式 2-1.prototype

這個(gè)可以說(shuō)是JS里面最原的一個(gè)擴(kuò)展。比如原生JS沒(méi)有提供打亂數(shù)組順序的API，但是開(kāi)發(fā)者又想方便使用，這樣的話，就只能擴(kuò)展數(shù)組的prototype。代碼如下

//擴(kuò)展Array.prototype，增加打亂數(shù)組的方法。
Array.prototype.upset=function(){
    return this.sort((n1,n2)=>Math.random() - 0.5);
}

let arr=[1,2,3,4,5];
//調(diào)用
arr.upset();
//顯示結(jié)果
console.log(arr);

運(yùn)行結(jié)果

功能是實(shí)現(xiàn)了。但是上面的代碼，只想借用例子講解擴(kuò)展性，大家看下就好。不要模仿，也不要在項(xiàng)目這樣寫(xiě)?，F(xiàn)在基本都禁止這樣開(kāi)發(fā)了。理由也很簡(jiǎn)單，之前的文章也有提到過(guò)。這里重復(fù)一下。

這樣就污染了原生對(duì)象Array，別人創(chuàng)建的Array也會(huì)被污染，造成不必要的開(kāi)銷。最可怕的是，萬(wàn)一自己命名的跟原生的方法重名了，就被覆蓋原來(lái)的方法了。

Array.prototype.push=function(){console.log("守候")}  
let arrTest=[123]
arrTest.push()
//result:守候
//push方法有什么作用，大家應(yīng)該知道，不知道的可以去w3c看下

2-2.jQuery

關(guān)于 jQuery 的擴(kuò)展性，分別提供了三個(gè)API:$.extend()、$.fn和$.fn.extend()。分別對(duì)jQuery的本身，靜態(tài)方法，原型對(duì)象進(jìn)行擴(kuò)展，基于jQuery寫(xiě)插件的時(shí)候，最離不開(kāi)的應(yīng)該就是$.fn.extend()。

參考鏈接：

理解jquery的$.extend()、$.fn和$.fn.extend()
Jquery自定義插件之$.extend()、$.fn和$.fn.extend()

2-3.VUE

對(duì)VUE進(jìn)行擴(kuò)展，引用官網(wǎng)（插件）的說(shuō)法，擴(kuò)展的方式一般有以下幾種：

1.添加全局方法或者屬性，如: vue-custom-element

2.添加全局資源：指令/過(guò)濾器/過(guò)渡等，如 vue-touch

3.通過(guò)全局 mixin 方法添加一些組件選項(xiàng)，如: vue-router

4.添加 Vue 實(shí)例方法，通過(guò)把它們添加到 Vue.prototype 上實(shí)現(xiàn)。

5.一個(gè)庫(kù)，提供自己的 API，同時(shí)提供上面提到的一個(gè)或多個(gè)功能，如 vue-router

基于VUE的擴(kuò)展。在組件，插件的內(nèi)容提供一個(gè)install方法。如下

使用組件

上面幾個(gè)擴(kuò)展性的實(shí)例分別是原生對(duì)象，庫(kù)，框架的擴(kuò)展，大家可能覺(jué)得有點(diǎn)夸夸而談，那下面就分享一個(gè)日常開(kāi)發(fā)常用的一個(gè)實(shí)例。

3.實(shí)例-表單驗(yàn)證

看了上面那些擴(kuò)展性的實(shí)例，下面看下一個(gè)在日常開(kāi)發(fā)使用得也很多的一個(gè)實(shí)例：表單驗(yàn)證。這塊可以說(shuō)很簡(jiǎn)單，但是做好，做通用不簡(jiǎn)單?？戳恕禞avaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》，用策略模式對(duì)以前的表單驗(yàn)證函數(shù)進(jìn)行了一個(gè)重構(gòu)。下面進(jìn)行一個(gè)簡(jiǎn)單的分析。

下面的內(nèi)容，代碼會(huì)偏多，雖然代碼不難，但還是強(qiáng)烈建議大家不要只看，要邊看，邊寫(xiě)，邊調(diào)試，不然作為讀者，很可能不知道我的代碼是什么意思，很容易懵。下面的代碼回涉兩個(gè)知識(shí)：開(kāi)放-封閉原則和策略模式，大家可以自行了解。

3-1.原來(lái)方案

/**
 * @description 字段檢驗(yàn)
 * @param checkArr
 * @returns {boolean}
 */
function validateForm(checkArr){
    let _reg = null, ruleMsg, nullMsg, lenMsg;
    for (let i = 0, len = checkArr.length; i < len; i++) {
        //如果沒(méi)字段值是undefined，不再執(zhí)行當(dāng)前循環(huán)，執(zhí)行下一次循環(huán)
        if (checkArr[i].el === undefined) {
            continue;
        }
        //設(shè)置規(guī)則錯(cuò)誤提示信息
        ruleMsg = checkArr[i].msg || "字段格式錯(cuò)誤";
        //設(shè)置值為空則錯(cuò)誤提示信息
        nullMsg = checkArr[i].nullMsg || "字段不能為空";
        //設(shè)置長(zhǎng)度錯(cuò)誤提示信息
        lenMsg = checkArr[i].lenMsg || "字段長(zhǎng)度范圍" + checkArr[i].minLength + "至" + checkArr[i].maxLength;
        //如果該字段有空值校驗(yàn)
        if (checkArr[i].noNull === true) {
            //如果字段為空，返回結(jié)果又提示信息
            if (checkArr[i].el === "" || checkArr[i].el === null) {
                return nullMsg;
            }
        }
        //如果有該字段有規(guī)則校驗(yàn)
        if (checkArr[i].rule) {
            //設(shè)置規(guī)則
            switch (checkArr[i].rule) {
                case "mobile":
                    _reg = /^1[3|4|5|7|8][0-9]d{8}$/;
                    break;
                case "tel":
                    _reg = /^d{3}-d{8}|d{4}-d{7}|d{11}$/;
                    break;
            }
            //如果字段不為空，并且規(guī)則錯(cuò)誤，返回錯(cuò)誤信息
            if (!_reg.test(checkArr[i].el) && checkArr[i].el !== "" && checkArr[i].el !== null) {
                return ruleMsg;
            }
        }
        //如果字段不為空并且長(zhǎng)度錯(cuò)誤，返回錯(cuò)誤信息
        if (checkArr[i].el !== null && checkArr[i].el !== "" && (checkArr[i].minLength || checkArr[i].maxLength)) {
            if (checkArr[i].el.toString().length < checkArr[i].minLength || checkArr[i].el.toString().length > checkArr[i].maxLength) {
                return lenMsg;
            }
        }
    }
    return false;
}

函數(shù)調(diào)用方式

    let testData={
        phone:"18819323632",
        pwd:"112"
    }

    let _tips = validateForm([
        {el: testData.phone, noNull: true, nullMsg: "電話號(hào)碼不能為空",rule: "mobile", msg: "電話號(hào)碼格式錯(cuò)誤"},
        {el: testData.pwd, noNull: true, nullMsg: "密碼不能為空",lenMsg:"密碼長(zhǎng)度不正確",minLength:6,maxLength:18}
    ]);
    //字段驗(yàn)證如果返回錯(cuò)誤信息
    if (_tips) {
        alert(_tips);
    }

3-2.存在問(wèn)題

這樣方法，相信大家看的也難受，因?yàn)閱?wèn)題確實(shí)是比較多。

1.一個(gè)字段進(jìn)入，可能要經(jīng)過(guò)三種判斷（空值，規(guī)則，長(zhǎng)度）。如果只是一個(gè)簡(jiǎn)單的電話號(hào)碼規(guī)則校驗(yàn)，就要經(jīng)過(guò)其他兩種沒(méi)必要的校驗(yàn)，造成不必要的開(kāi)銷。運(yùn)行的流程就如同下面。

2.規(guī)則校驗(yàn)里面，只有這幾種校驗(yàn)，如果要增加其他校驗(yàn)，比如增加一個(gè)日期的規(guī)則，無(wú)法完成。如果一直修改源碼，可能會(huì)導(dǎo)致函數(shù)巨大。

3.寫(xiě)法不優(yōu)雅，調(diào)用也不方便。

3-3.代替方案

針對(duì)上面2-2的三個(gè)問(wèn)題，逐個(gè)進(jìn)行改善。

因?yàn)檎{(diào)用方式就不方便，很難在不改變validateForm調(diào)用方式的同時(shí)，優(yōu)化重構(gòu)內(nèi)部的代碼，又增加擴(kuò)展性。重寫(xiě)這個(gè)方法又不可能，因?yàn)橛袀€(gè)別的地方已經(jīng)使用了這個(gè)API，自己一個(gè)一個(gè)的改不現(xiàn)實(shí)，所以就不修改這個(gè)validateForm，新建一個(gè)新的API:validate。在以后的項(xiàng)目上，也盡量引導(dǎo)同事放棄validateForm，使用新的API。

上面第一個(gè)，優(yōu)化校驗(yàn)規(guī)則，每次校驗(yàn)（比如空值，長(zhǎng)度，規(guī)則），都是一個(gè)簡(jiǎn)單的校驗(yàn)，不再執(zhí)行其他沒(méi)必要的校驗(yàn)。運(yùn)行流程如同下面。

let validate = function (arr) {
    let ruleData = {
        /**
         * @description 不能為空
         * @param val
         * @param msg
         * @return {*}
         */
        isNoNull(val, msg){
            if (!val) {
                return msg
            }
        },
        /**
         * @description 最小長(zhǎng)度
         * @param val
         * @param length
         * @param msg
         * @return {*}
         */
        minLength(val, length, msg){
            if (val.toString().length < length) {
                return msg
            }
        },
        /**
         * @description 最大長(zhǎng)度
         * @param val
         * @param length
         * @param msg
         * @return {*}
         */
        maxLength(val, length, msg){
            if (val.toString().length > length) {
                return msg
            }
        },
        /**
         * @description 是否是手機(jī)號(hào)碼格式
         * @param val
         * @param msg
         * @return {*}
         */
        isMobile(val, msg){
            if (!/^1[3-9]d{9}$/.test(val)) {
                return msg
            }
        }
    }
    let ruleMsg, checkRule, _rule;
    for (let i = 0, len = arr.length; i < len; i++) {
        //如果字段找不到
        if (arr[i].el === undefined) {
            return "字段找不到！"
        }
        //遍歷規(guī)則
        for (let j = 0; j < arr[i].rules.length; j++) {
            //提取規(guī)則
            checkRule = arr[i].rules[j].rule.split(":");
            _rule = checkRule.shift();
            checkRule.unshift(arr[i].el);
            checkRule.push(arr[i].rules[j].msg);
            //如果規(guī)則錯(cuò)誤
            ruleMsg = ruleData[_rule].apply(null, checkRule);
            if (ruleMsg) {
                //返回錯(cuò)誤信息
                return ruleMsg;
            }
        }
    }
};
let testData = {
    name: "",
    phone: "18819522663",
    pw: "asda"
}
//校驗(yàn)函數(shù)調(diào)用
console.log(validate([
    {
        //校驗(yàn)的數(shù)據(jù)
        el: testData.phone,
        //校驗(yàn)的規(guī)則
        rules: [
            {rule: "isNoNull", msg: "電話不能為空"}, {rule: "isMobile", msg: "手機(jī)號(hào)碼格式不正確"}
        ]
    },
    {
        el: testData.pw,
        rules: [
            {rule: "isNoNull", msg: "電話不能為空"},
            {rule:"minLength:6",msg:"密碼長(zhǎng)度不能小于6"}
        ]
    }
]));

如果又有其它的規(guī)則，又得改這個(gè)，這樣就違反了開(kāi)放-封閉原則。如果多人共用這個(gè)函數(shù)，規(guī)則可能會(huì)很多，ruleData會(huì)變的巨大，造成不必要的開(kāi)銷。比如A頁(yè)面有金額的校驗(yàn)，但是只有A頁(yè)面有。如果按照上面的方式改，在B頁(yè)面也會(huì)加載金額的校驗(yàn)規(guī)則，但是根本不會(huì)用上，造成資源浪費(fèi)。

所以下面應(yīng)用開(kāi)放-封閉原則。給函數(shù)的校驗(yàn)規(guī)則增加擴(kuò)展性。在實(shí)操之前，大家應(yīng)該會(huì)懵，因?yàn)橐粋€(gè)函數(shù)，可以進(jìn)行校驗(yàn)的操作，又有增加校驗(yàn)規(guī)則的操作。一個(gè)函數(shù)做兩件事，就違反了單一原則。到時(shí)候也難維護(hù)，所以推薦的做法就是分接口做。如下寫(xiě)法。

let validate = (function () {
    let ruleData = {
        /**
         * @description 不能為空
         * @param val
         * @param msg
         * @return {*}
         */
        isNoNull(val, msg){
            if (!val) {
                return msg
            }
        },
        /**
         * @description 最小長(zhǎng)度
         * @param val
         * @param length
         * @param msg
         * @return {*}
         */
        minLength(val, length, msg){
            if (val.toString().length < length) {
                return msg
            }
        },
        /**
         * @description 最大長(zhǎng)度
         * @param val
         * @param length
         * @param msg
         * @return {*}
         */
        maxLength(val, length, msg){
            if (val.toString().length > length) {
                return msg
            }
        },
        /**
         * @description 是否是手機(jī)號(hào)碼格式
         * @param val
         * @param msg
         * @return {*}
         */
        isMobile(val, msg){
            if (!/^1[3-9]d{9}$/.test(val)) {
                return msg
            }
        }
    }
    return {
        /**
         * @description 查詢接口
         * @param arr
         * @return {*}
         */
        check: function (arr) {
            let ruleMsg, checkRule, _rule;
            for (let i = 0, len = arr.length; i < len; i++) {
                //如果字段找不到
                if (arr[i].el === undefined) {
                    return "字段找不到！"
                }
                //遍歷規(guī)則
                for (let j = 0; j < arr[i].rules.length; j++) {
                    //提取規(guī)則
                    checkRule = arr[i].rules[j].rule.split(":");
                    _rule = checkRule.shift();
                    checkRule.unshift(arr[i].el);
                    checkRule.push(arr[i].rules[j].msg);
                    //如果規(guī)則錯(cuò)誤
                    ruleMsg = ruleData[_rule].apply(null, checkRule);
                    if (ruleMsg) {
                        //返回錯(cuò)誤信息
                        return ruleMsg;
                    }
                }
            }
        },
        /**
         * @description 添加規(guī)則接口
         * @param type
         * @param fn
         */
        addRule:function (type,fn) {
            ruleData[type]=fn;
        }
    }
})();
//校驗(yàn)函數(shù)調(diào)用-測(cè)試用例
console.log(validate.check([
    {
        //校驗(yàn)的數(shù)據(jù)
        el: testData.mobile,
        //校驗(yàn)的規(guī)則
        rules: [
            {rule: "isNoNull", msg: "電話不能為空"}, {rule: "isMobile", msg: "手機(jī)號(hào)碼格式不正確"}
        ]
    },
    {
        el: testData.password,
        rules: [
            {rule: "isNoNull", msg: "電話不能為空"},
            {rule:"minLength:6",msg:"密碼長(zhǎng)度不能小于6"}
        ]
    }
]));
//擴(kuò)展-添加日期范圍校驗(yàn)
validate.addRule("isDateRank",function (val,msg) {
    if(new Date(val[0]).getTime()>=new Date(val[1]).getTime()){
        return msg;
    }
});
//測(cè)試新添加的規(guī)則-日期范圍校驗(yàn)
console.log(validate.check([
    {
        el:["2017-8-9 22:00:00","2017-8-8 24:00:00"],
        rules:[{
            rule:"isDateRank",msg:"日期范圍不正確"
        }]
    }
    
]));

如上代碼所示，這里需要往ruleData添加日期范圍的校驗(yàn)，這里可以添加。但是不能訪問(wèn)和修改ruleData的東西，有一個(gè)保護(hù)的作用。還有一個(gè)就是，比如在A頁(yè)面添加日期的校驗(yàn)，只在A頁(yè)面存在，不會(huì)影響其它頁(yè)面。如果日期的校驗(yàn)在其它地方都可能用上，就可以考慮，在全局里面為ruleData添加日期的校驗(yàn)的規(guī)則。

至于第三個(gè)問(wèn)題，這樣的想法，可能不算太優(yōu)雅，調(diào)用也不是太方便，但是就我現(xiàn)在能想到的，這個(gè)就是最好方案啊了。

這個(gè)看似是已經(jīng)做完了，但是大家可能覺(jué)得有一種情況沒(méi)能應(yīng)對(duì)，比如下面這種，做不到。

因?yàn)樯厦娴腸heck接口，只要有一個(gè)錯(cuò)誤了，就立馬跳出了，不會(huì)校驗(yàn)下一個(gè)。如果要實(shí)現(xiàn)下面的功能，就得實(shí)現(xiàn)，如果有一個(gè)值校驗(yàn)錯(cuò)誤，就記錄錯(cuò)誤信息，繼續(xù)校驗(yàn)下一個(gè)，等到所有的校驗(yàn)都執(zhí)行完了之后，如下面的流程圖。

代碼上面（大家先忽略alias這個(gè)屬性）

let validate= (function () {
    let ruleData = {
        /**
         * @description 不能為空
         * @param val
         * @param msg
         * @return {*}
         */
        isNoNull(val, msg){
            if (!val) {
                return msg
            }
        },
        /**
         * @description 最小長(zhǎng)度
         * @param val
         * @param length
         * @param msg
         * @return {*}
         */
        minLength(val, length, msg){
            if (val.toString().length < length) {
                return msg
            }
        },
        /**
         * @description 最大長(zhǎng)度
         * @param val
         * @param length
         * @param msg
         * @return {*}
         */
        maxLength(val, length, msg){
            if (val.toString().length > length) {
                return msg
            }
        },
        /**
         * @description 是否是手機(jī)號(hào)碼格式
         * @param val
         * @param msg
         * @return {*}
         */
        isMobile(val, msg){
            if (!/^1[3-9]d{9}$/.test(val)) {
                return msg
            }
        }
    }
    return {
        check: function (arr) {
            //代碼不重復(fù)展示，上面一部分
        },
        addRule:function (type,fn) {
            //代碼不重復(fù)展示，上面一部分
        },
        /**
         * @description 校驗(yàn)所有接口
         * @param arr
         * @return {*}
         */
        checkAll: function (arr) {
            let ruleMsg, checkRule, _rule,msgArr=[];
            for (let i = 0, len = arr.length; i < len; i++) {
                //如果字段找不到
                if (arr[i].el === undefined) {
                    return "字段找不到！"
                }
                //如果字段為空以及規(guī)則不是校驗(yàn)空的規(guī)則

                //遍歷規(guī)則
                for (let j = 0; j < arr[i].rules.length; j++) {
                    //提取規(guī)則
                    checkRule = arr[i].rules[j].rule.split(":");
                    _rule = checkRule.shift();
                    checkRule.unshift(arr[i].el);
                    checkRule.push(arr[i].rules[j].msg);
                    //如果規(guī)則錯(cuò)誤
                    ruleMsg = ruleData[_rule].apply(null, checkRule);
                    if (ruleMsg) {
                        //記錄錯(cuò)誤信息
                        msgArr.push({
                            el:arr[i].el,
                            alias:arr[i].alias,
                            rules:_rule,
                            msg:ruleMsg
                        });
                    }
                }
            }
            //返回錯(cuò)誤信息
            return msgArr.length>0?msgArr:false;
        }
    }
})();
let testData = {
    name: "",
    phone: "188",
    pw: "asda"
}
//擴(kuò)展-添加日期范圍校驗(yàn)
validate.addRule("isDateRank",function (val,msg) {
    if(new Date(val[0]).getTime()>=new Date(val[1]).getTime()){
        return msg;
    }
});
//校驗(yàn)函數(shù)調(diào)用
console.log(validate.checkAll([
    {
        //校驗(yàn)的數(shù)據(jù)
        el: testData.phone,
        alias:"mobile",
        //校驗(yàn)的規(guī)則
        rules: [
            {rule: "isNoNull", msg: "電話不能為空"}, {rule: "isMobile", msg: "手機(jī)號(hào)碼格式不正確"},{rule:"minLength:6",msg: "手機(jī)號(hào)碼不能少于6"}
        ]
    },
    {
        el: testData.pw,
        alias:"pwd",
        rules: [
            {rule: "isNoNull", msg: "電話不能為空"},
            {rule:"minLength:6",msg:"密碼長(zhǎng)度不能小于6"}
        ]
    },
    {
        el:["2017-8-9 22:00:00","2017-8-8 24:00:00"],
        rules:[{
            rule:"isDateRank",msg:"日期范圍不正確"
        }]
    }
]));

看到結(jié)果，現(xiàn)在所有的不合法的數(shù)據(jù)的記錄都返回回來(lái)了。至于當(dāng)時(shí)alias現(xiàn)在揭曉用處。
比如頁(yè)面是vue渲染的，根據(jù)alias可以這樣處理。

如果是jQuery渲染的，根據(jù)alias可以這樣處理。

3-4.向下兼容方案

因?yàn)轫?xiàng)目之前有使用了以前的校驗(yàn)API，不能一道切，在以前的API沒(méi)廢棄之前，不能影響之前的使用。所以要重寫(xiě)以前的validateForm，使之兼容現(xiàn)在的新API:validate。

    let validateForm=function (arr) {
        let _param=[],_single={};
        for(let i=0;i
4.小結(jié)
今天的例子就到這里了，這個(gè)例子，無(wú)非就是給API增加擴(kuò)展性。這個(gè)例子比較簡(jiǎn)單，不算難。大家用這個(gè)代碼在瀏覽器上運(yùn)行，就很好理解。如果大家對(duì)這個(gè)例子有什么更好的建議，或者代碼上有什么問(wèn)題，歡迎在評(píng)論區(qū)留言，大家多交流，相互學(xué)習(xí)。
-------------------------華麗的分割線--------------------
想了解更多，關(guān)注關(guān)注我的微信公眾號(hào)：守候書(shū)閣

云服務(wù)器 GPU云服務(wù)器重構(gòu)和設(shè)計(jì)模式 php的api設(shè)計(jì) api設(shè)計(jì)的最佳實(shí)踐設(shè)計(jì)擴(kuò)展性能軟件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/94783.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

Lowky

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

面對(duì)眾多云數(shù)據(jù)庫(kù)，應(yīng)該使用哪個(gè)云數(shù)據(jù)庫(kù)好？

閱讀 3161·2021-11-22 13:54
灰度·亞太與深圳大豪超算達(dá)成戰(zhàn)略合作 ——推進(jìn)亞太地區(qū)數(shù)字化發(fā)展

閱讀 3455·2021-11-15 11:37
真香！在Github一夜爆火的面試題庫(kù)，程序員的福利！

閱讀 3617·2021-10-14 09:43
WordPress數(shù)據(jù)庫(kù)管理優(yōu)化插件：數(shù)據(jù)庫(kù)備份/數(shù)據(jù)庫(kù)管理/數(shù)據(jù)庫(kù)優(yōu)化/數(shù)據(jù)批量替換

閱讀 3515·2021-09-09 11:52
表單中readonly的input等標(biāo)簽，禁止光標(biāo)進(jìn)入（focus）的幾種方式

閱讀 3618·2019-08-30 15:53
Frontend Engineer Booklist 前端書(shū)單

閱讀 2478·2019-08-30 13:50
微信小程序開(kāi)發(fā)中遇到的問(wèn)題及解決辦法（三）

閱讀 2069·2019-08-30 11:07
【靜態(tài)頁(yè)面架構(gòu)】CSS之選擇器

閱讀 900·2019-08-29 16:32

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

重構(gòu) - 設(shè)計(jì)API的擴(kuò)展機(jī)制

相關(guān)文章

**容器和應(yīng)用程序：擴(kuò)展、重構(gòu)或重建？**

微服務(wù)實(shí)戰(zhàn)：從架構(gòu)到發(fā)布（一）

微服務(wù)實(shí)戰(zhàn)：從架構(gòu)到發(fā)布（一）

**一文讀懂微服務(wù)架構(gòu)的重構(gòu)策略**

Kubernetes的Device Plugin設(shè)計(jì)解讀

發(fā)表評(píng)論

0條評(píng)論

Lowky

男|高級(jí)講師

TA的文章

面對(duì)眾多云數(shù)據(jù)庫(kù)，應(yīng)該使用哪個(gè)云數(shù)據(jù)庫(kù)好？

灰度·亞太與深圳大豪超算達(dá)成戰(zhàn)略合作 ——推進(jìn)亞太地區(qū)數(shù)字化發(fā)展

真香！在Github一夜爆火的面試題庫(kù)，程序員的福利！

WordPress數(shù)據(jù)庫(kù)管理優(yōu)化插件：數(shù)據(jù)庫(kù)備份/數(shù)據(jù)庫(kù)管理/數(shù)據(jù)庫(kù)優(yōu)化/數(shù)據(jù)批量替換

表單中readonly的input等標(biāo)簽，禁止光標(biāo)進(jìn)入（focus）的幾種方式

Frontend Engineer Booklist 前端書(shū)單

微信小程序開(kāi)發(fā)中遇到的問(wèn)題及解決辦法（三）

【靜態(tài)頁(yè)面架構(gòu)】CSS之選擇器

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

重構(gòu) - 設(shè)計(jì)API的擴(kuò)展機(jī)制

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！