「中高級前端面試」JavaScript手寫代碼無敵秘籍

Zhuxy 發(fā)布于2019-05-23 16:26 / 3273人閱讀

摘要：第一種直接調(diào)用避免在不必要的情況下使用，是一個危險的函數(shù)，他執(zhí)行的代碼擁有著執(zhí)行者的權(quán)利。來自于此外，實現(xiàn)需要考慮實例化后對原型鏈的影響。函數(shù)柯里化的主要作用和特點就是參數(shù)復(fù)用提前返回和延遲執(zhí)行。

手寫路徑導航

實現(xiàn)一個new操作符

實現(xiàn)一個JSON.stringify

實現(xiàn)一個JSON.parse

實現(xiàn)一個call或 apply

實現(xiàn)一個Function.bind

實現(xiàn)一個繼承

實現(xiàn)一個JS函數(shù)柯里化

手寫一個Promise(中高級必考)

手寫防抖(Debouncing)和節(jié)流(Throttling)

手寫一個JS深拷貝

實現(xiàn)一個instanceOf

1. 實現(xiàn)一個new操作符

來源：「你不知道的javascript」英文版

new操作符做了這些事：

它創(chuàng)建了一個全新的對象。

它會被執(zhí)行[[Prototype]]（也就是__proto__）鏈接。

它使this指向新創(chuàng)建的對象。。

通過new創(chuàng)建的每個對象將最終被[[Prototype]]鏈接到這個函數(shù)的prototype對象上。

如果函數(shù)沒有返回對象類型Object(包含Functoin, Array, Date, RegExg, Error)，那么new表達式中的函數(shù)調(diào)用將返回該對象引用。

function New(func) {
    var res = {};
    if (func.prototype !== null) {
        res.__proto__ = func.prototype;
    }
    var ret = func.apply(res, Array.prototype.slice.call(arguments, 1));
    if ((typeof ret === "object" || typeof ret === "function") && ret !== null) {
        return ret;
    }
    return res;
}
var obj = New(A, 1, 2);
// equals to
var obj = new A(1, 2);

2. 實現(xiàn)一個JSON.stringify

JSON.stringify(value[, replacer [, space]])：

Boolean | Number| String 類型會自動轉(zhuǎn)換成對應(yīng)的原始值。

undefined、任意函數(shù)以及symbol，會被忽略（出現(xiàn)在非數(shù)組對象的屬性值中時），或者被轉(zhuǎn)換成 null（出現(xiàn)在數(shù)組中時）。

不可枚舉的屬性會被忽略

如果一個對象的屬性值通過某種間接的方式指回該對象本身，即循環(huán)引用，屬性也會被忽略。

function jsonStringify(obj) {
    let type = typeof obj;
    if (type !== "object") {
        if (/string|undefined|function/.test(type)) {
            obj = """ + obj + """;
        }
        return String(obj);
    } else {
        let json = []
        let arr = Array.isArray(obj)
        for (let k in obj) {
            let v = obj[k];
            let type = typeof v;
            if (/string|undefined|function/.test(type)) {
                v = """ + v + """;
            } else if (type === "object") {
                v = jsonStringify(v);
            }
            json.push((arr ");"" : """ + k + "":") + String(v));
        }
        return (arr ");"[" : "{") + String(json) + (arr ");"]" : "}")
    }
}
jsonStringify({x : 5}) // "{"x":5}"
jsonStringify([1, "false", false]) // "[1,"false",false]"
jsonStringify({b: undefined}) // "{"b":"undefined"}"

3. 實現(xiàn)一個JSON.parse

JSON.parse(text[, reviver])

用來解析JSON字符串，構(gòu)造由字符串描述的JavaScript值或?qū)ο?。提供可選的reviver函數(shù)用以在返回之前對所得到的對象執(zhí)行變換(操作)。

3.1 第一種：直接調(diào)用 eval

function jsonParse(opt) {
    return eval("(" + opt + ")");
}
jsonParse(jsonStringify({x : 5}))
// Object { x: 5}
jsonParse(jsonStringify([1, "false", false]))
// [1, "false", falsr]
jsonParse(jsonStringify({b: undefined}))
// Object { b: "undefined"}

避免在不必要的情況下使用 eval，eval() 是一個危險的函數(shù)， 他執(zhí)行的代碼擁有著執(zhí)行者的權(quán)利。如果你用 eval()運行的字符串代碼被惡意方（不懷好意的人）操控修改，您最終可能會在您的網(wǎng)頁/擴展程序的權(quán)限下，在用戶計算機上運行惡意代碼。

它會執(zhí)行JS代碼，有XSS漏洞。

如果你只想記這個方法，就得對參數(shù)json做校驗。

var rx_one = /^[],:{}s]*$/;
var rx_two = /(");"/bfnrt]|u[0-9a-fA-F]{4})/g;
var rx_three = /"[^"

]*"|true|false|null|-");if (
    rx_one.test(
        json
            .replace(rx_two, "@")
            .replace(rx_three, "]")
            .replace(rx_four, "")
    )
) {
    var obj = eval("(" +json + ")");
}

3.2 第二種：Function

來源 神奇的eval()與new Function()

核心：Function與eval有相同的字符串參數(shù)特性。

var func = new Function(arg1, arg2, ..., functionBody);

在轉(zhuǎn)換JSON的實際應(yīng)用中，只需要這么做。

var jsonStr = "{ "age": 20, "name": "jack" }"
var json = (new Function("return " + jsonStr))();

eval 與 Function 都有著動態(tài)編譯js代碼的作用，但是在實際的編程中并不推薦使用。

這里是面向面試編程，寫這兩種就夠了。至于第三，第四種，涉及到繁瑣的遞歸和狀態(tài)機相關(guān)原理，具體可以看：

《JSON.parse 三種實現(xiàn)方式》

4. 實現(xiàn)一個call或 apply

實現(xiàn)改編來源：JavaScript深入之call和apply的模擬實現(xiàn) #11

call語法：

fun.call(thisArg, arg1, arg2, ...)，調(diào)用一個函數(shù), 其具有一個指定的this值和分別地提供的參數(shù)(參數(shù)的列表)。

apply語法：

func.apply(thisArg, [argsArray])，調(diào)用一個函數(shù)，以及作為一個數(shù)組（或類似數(shù)組對象）提供的參數(shù)。

4.1 Function.call按套路實現(xiàn)

call核心：

將函數(shù)設(shè)為對象的屬性

執(zhí)行&刪除這個函數(shù)

指定this到函數(shù)并傳入給定參數(shù)執(zhí)行函數(shù)

如果不傳入?yún)?shù)，默認指向為 window

為啥說是套路實現(xiàn)呢？因為真實面試中，面試官很喜歡讓你逐步地往深考慮，這時候你可以反套路他，先寫個簡單版的：

4.1.1 簡單版

var foo = {
    value: 1,
    bar: function() {
        console.log(this.value)
    }
}
foo.bar() // 1

4.1.2 完善版

當面試官有進一步的發(fā)問，或者此時你可以假裝思考一下。然后寫出以下版本：

Function.prototype.call2 = function(content = window) {
    content.fn = this;
    let args = [...arguments].slice(1);
    let result = content.fn(...args);
    delete content.fn;
    return result;
}
let foo = {
    value: 1
}
function bar(name, age) {
    console.log(name)
    console.log(age)
    console.log(this.value);
}
bar.call2(foo, "black", "18") // black 18 1

4.2 Function.apply的模擬實現(xiàn)

apply()的實現(xiàn)和call()類似，只是參數(shù)形式不同。直接貼代碼吧：

Function.prototype.apply2 = function(context = window) {
    context.fn = this
    let result;
    // 判斷是否有第二個參數(shù)
    if(arguments[1]) {
        result = context.fn(...arguments[1])
    } else {
        result = context.fn()
    }
    delete context.fn
    return result
}

5. 實現(xiàn)一個Function.bind()

bind()方法:

會創(chuàng)建一個新函數(shù)。當這個新函數(shù)被調(diào)用時，bind() 的第一個參數(shù)將作為它運行時的 this，之后的一序列參數(shù)將會在傳遞的實參前傳入作為它的參數(shù)。(來自于 MDN )

此外，bind實現(xiàn)需要考慮實例化后對原型鏈的影響。

Function.prototype.bind2 = function(content) {
    if(typeof this != "function") {
        throw Error("not a function")
    }
    // 若沒問參數(shù)類型則從這開始寫
    let fn = this;
    let args = [...arguments].slice(1);
    
    let resFn = function() {
        return fn.apply(this instanceof resFn ");function tmp() {}
    tmp.prototype = this.prototype;
    resFn.prototype = new tmp();
    
    return resFn;
}

6. 實現(xiàn)一個繼承

寄生組合式繼承

一般只建議寫這種，因為其它方式的繼承會在一次實例中調(diào)用兩次父類的構(gòu)造函數(shù)或有其它缺點。

核心實現(xiàn)是：用一個 F 空的構(gòu)造函數(shù)去取代執(zhí)行了 Parent 這個構(gòu)造函數(shù)。

function Parent(name) {
    this.name = name;
}
Parent.prototype.sayName = function() {
    console.log("parent name:", this.name);
}
function Child(name, parentName) {
    Parent.call(this, parentName);  
    this.name = name;    
}
function create(proto) {
    function F(){}
    F.prototype = proto;
    return new F();
}
Child.prototype = create(Parent.prototype);
Child.prototype.sayName = function() {
    console.log("child name:", this.name);
}
Child.prototype.constructor = Child;

var parent = new Parent("father");
parent.sayName();    // parent name: father

var child = new Child("son", "father");

7. 實現(xiàn)一個JS函數(shù)柯里化

什么是柯里化？

在計算機科學中，柯里化（Currying）是把接受多個參數(shù)的函數(shù)變換成接受一個單一參數(shù)（最初函數(shù)的第一個參數(shù)）的函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)。

函數(shù)柯里化的主要作用和特點就是參數(shù)復(fù)用、提前返回和延遲執(zhí)行。

7.1 通用版

function curry(fn, args) {
    var length = fn.length;
    var args = args || [];
    return function(){
        newArgs = args.concat(Array.prototype.slice.call(arguments));
        if (newArgs.length < length) {
            return curry.call(this,fn,newArgs);
        }else{
            return fn.apply(this,newArgs);
        }
    }
}

function multiFn(a, b, c) {
    return a * b * c;
}

var multi = curry(multiFn);

multi(2)(3)(4);
multi(2,3,4);
multi(2)(3,4);
multi(2,3)(4);

7.2 ES6騷寫法

const curry = (fn, arr = []) => (...args) => (
  arg => arg.length === fn.length
    ");let curryTest=curry((a,b,c,d)=>a+b+c+d)
curryTest(1,2,3)(4) //返回10
curryTest(1,2)(4)(3) //返回10
curryTest(1,2)(3,4) //返回10

8. 手寫一個Promise(中高級必考)

我們來過一遍Promise/A+規(guī)范：

三種狀態(tài)pending| fulfilled(resolved) | rejected

當處于pending狀態(tài)的時候，可以轉(zhuǎn)移到fulfilled(resolved)或者rejected狀態(tài)

當處于fulfilled(resolved)狀態(tài)或者rejected狀態(tài)的時候，就不可變。

必須有一個then異步執(zhí)行方法，then接受兩個參數(shù)且必須返回一個promise：

// onFulfilled 用來接收promise成功的值
// onRejected 用來接收promise失敗的原因
promise1=promise.then(onFulfilled, onRejected);

8.1 Promise的流程圖分析

來回顧下Promise用法：

var promise = new Promise((resolve,reject) => {
    if (操作成功) {
        resolve(value)
    } else {
        reject(error)
    }
})
promise.then(function (value) {
    // success
},function (value) {
    // failure
})

8.2 面試夠用版

來源：實現(xiàn)一個完美符合Promise/A+規(guī)范的Promise

function myPromise(constructor){
    let self=this;
    self.status="pending" //定義狀態(tài)改變前的初始狀態(tài)
    self.value=undefined;//定義狀態(tài)為resolved的時候的狀態(tài)
    self.reason=undefined;//定義狀態(tài)為rejected的時候的狀態(tài)
    function resolve(value){
        //兩個==="pending"，保證了狀態(tài)的改變是不可逆的
       if(self.status==="pending"){
          self.value=value;
          self.status="resolved";
       }
    }
    function reject(reason){
        //兩個==="pending"，保證了狀態(tài)的改變是不可逆的
       if(self.status==="pending"){
          self.reason=reason;
          self.status="rejected";
       }
    }
    //捕獲構(gòu)造異常
    try{
       constructor(resolve,reject);
    }catch(e){
       reject(e);
    }
}

同時，需要在myPromise的原型上定義鏈式調(diào)用的then方法：

myPromise.prototype.then=function(onFullfilled,onRejected){
   let self=this;
   switch(self.status){
      case "resolved":
        onFullfilled(self.value);
        break;
      case "rejected":
        onRejected(self.reason);
        break;
      default:       
   }
}

測試一下：

var p=new myPromise(function(resolve,reject){resolve(1)});
p.then(function(x){console.log(x)})
//輸出1

8.3 大廠專供版

直接貼出來吧，這個版本還算好理解

const PENDING = "pending";
const FULFILLED = "fulfilled";
const REJECTED = "rejected";

function Promise(excutor) {
    let that = this; // 緩存當前promise實例對象
    that.status = PENDING; // 初始狀態(tài)
    that.value = undefined; // fulfilled狀態(tài)時 返回的信息
    that.reason = undefined; // rejected狀態(tài)時 拒絕的原因
    that.onFulfilledCallbacks = []; // 存儲fulfilled狀態(tài)對應(yīng)的onFulfilled函數(shù)
    that.onRejectedCallbacks = []; // 存儲rejected狀態(tài)對應(yīng)的onRejected函數(shù)

    function resolve(value) { // value成功態(tài)時接收的終值
        if(value instanceof Promise) {
            return value.then(resolve, reject);
        }
        // 實踐中要確保 onFulfilled 和 onRejected 方法異步執(zhí)行，且應(yīng)該在 then 方法被調(diào)用的那一輪事件循環(huán)之后的新執(zhí)行棧中執(zhí)行。
        setTimeout(() => {
            // 調(diào)用resolve 回調(diào)對應(yīng)onFulfilled函數(shù)
            if (that.status === PENDING) {
                // 只能由pending狀態(tài) => fulfilled狀態(tài) (避免調(diào)用多次resolve reject)
                that.status = FULFILLED;
                that.value = value;
                that.onFulfilledCallbacks.forEach(cb => cb(that.value));
            }
        });
    }
    function reject(reason) { // reason失敗態(tài)時接收的拒因
        setTimeout(() => {
            // 調(diào)用reject 回調(diào)對應(yīng)onRejected函數(shù)
            if (that.status === PENDING) {
                // 只能由pending狀態(tài) => rejected狀態(tài) (避免調(diào)用多次resolve reject)
                that.status = REJECTED;
                that.reason = reason;
                that.onRejectedCallbacks.forEach(cb => cb(that.reason));
            }
        });
    }

    // 捕獲在excutor執(zhí)行器中拋出的異常
    // new Promise((resolve, reject) => {
    //     throw new Error("error in excutor")
    // })
    try {
        excutor(resolve, reject);
    } catch (e) {
        reject(e);
    }
}

Promise.prototype.then = function(onFulfilled, onRejected) {
    const that = this;
    let newPromise;
    // 處理參數(shù)默認值 保證參數(shù)后續(xù)能夠繼續(xù)執(zhí)行
    onFulfilled =
        typeof onFulfilled === "function" ");"function" ");if (that.status === FULFILLED) { // 成功態(tài)
        return newPromise = new Promise((resolve, reject) => {
            setTimeout(() => {
                try{
                    let x = onFulfilled(that.value);
                    resolvePromise(newPromise, x, resolve, reject); // 新的promise resolve 上一個onFulfilled的返回值
                } catch(e) {
                    reject(e); // 捕獲前面onFulfilled中拋出的異常 then(onFulfilled, onRejected);
                }
            });
        })
    }

    if (that.status === REJECTED) { // 失敗態(tài)
        return newPromise = new Promise((resolve, reject) => {
            setTimeout(() => {
                try {
                    let x = onRejected(that.reason);
                    resolvePromise(newPromise, x, resolve, reject);
                } catch(e) {
                    reject(e);
                }
            });
        });
    }

    if (that.status === PENDING) { // 等待態(tài)
        // 當異步調(diào)用resolve/rejected時 將onFulfilled/onRejected收集暫存到集合中
        return newPromise = new Promise((resolve, reject) => {
            that.onFulfilledCallbacks.push((value) => {
                try {
                    let x = onFulfilled(value);
                    resolvePromise(newPromise, x, resolve, reject);
                } catch(e) {
                    reject(e);
                }
            });
            that.onRejectedCallbacks.push((reason) => {
                try {
                    let x = onRejected(reason);
                    resolvePromise(newPromise, x, resolve, reject);
                } catch(e) {
                    reject(e);
                }
            });
        });
    }
};

emmm，我還是乖乖地寫回進階版吧。

9. 手寫防抖(Debouncing)和節(jié)流(Throttling)

scroll 事件本身會觸發(fā)頁面的重新渲染，同時 scroll 事件的 handler 又會被高頻度的觸發(fā), 因此事件的 handler 內(nèi)部不應(yīng)該有復(fù)雜操作，例如 DOM 操作就不應(yīng)該放在事件處理中。
針對此類高頻度觸發(fā)事件問題（例如頁面 scroll ，屏幕 resize，監(jiān)聽用戶輸入等），有兩種常用的解決方法，防抖和節(jié)流。

9.1 防抖(Debouncing)實現(xiàn)

典型例子：限制鼠標連擊觸發(fā)。

一個比較好的解釋是：

當一次事件發(fā)生后，事件處理器要等一定閾值的時間，如果這段時間過去后再也沒有事件發(fā)生，就處理最后一次發(fā)生的事件。假設(shè)還差 0.01 秒就到達指定時間，這時又來了一個事件，那么之前的等待作廢，需要重新再等待指定時間。

// 防抖動函數(shù)
function debounce(fn,wait=50,immediate) {
    let timer;
    return function() {
        if(immediate) {
            fn.apply(this,arguments)
        }
        if(timer) clearTimeout(timer)
        timer = setTimeout(()=> {
            fn.apply(this,arguments)
        },wait)
    }
}

結(jié)合實例：滾動防抖

// 簡單的防抖動函數(shù)
// 實際想綁定在 scroll 事件上的 handler
function realFunc(){
    console.log("Success");
}

// 采用了防抖動
window.addEventListener("scroll",debounce(realFunc,500));
// 沒采用防抖動
window.addEventListener("scroll",realFunc);

9.2 節(jié)流(Throttling)實現(xiàn)

可以理解為事件在一個管道中傳輸，加上這個節(jié)流閥以后，事件的流速就會減慢。實際上這個函數(shù)的作用就是如此，它可以將一個函數(shù)的調(diào)用頻率限制在一定閾值內(nèi)，例如 1s，那么 1s 內(nèi)這個函數(shù)一定不會被調(diào)用兩次

簡單的節(jié)流函數(shù):

function throttle(fn, wait) {
	let prev = new Date();
	return function() { 
	    const args = arguments;
		const now = new Date();
		if (now - prev > wait) {
			fn.apply(this, args);
			prev = new Date();
		}
	}

9.3 結(jié)合實踐

通過第三個參數(shù)來切換模式。

const throttle = function(fn, delay, isDebounce) {
  let timer
  let lastCall = 0
  return function (...args) {
    if (isDebounce) {
      if (timer) clearTimeout(timer)
      timer = setTimeout(() => {
        fn(...args)
      }, delay)
    } else {
      const now = new Date().getTime()
      if (now - lastCall < delay) return
      lastCall = now
      fn(...args)
    }
  }
}

10. 手寫一個JS深拷貝

有個最著名的乞丐版實現(xiàn)，在《你不知道的JavaScript（上）》里也有提及：

10.1 乞丐版

 var newObj = JSON.parse( JSON.stringify( someObj ) );

10.2 面試夠用版

function deepCopy(obj){
    //判斷是否是簡單數(shù)據(jù)類型，
    if(typeof obj == "object"){
        //復(fù)雜數(shù)據(jù)類型
        var result = obj.constructor == Array ");for(let i in obj){
            result[i] = typeof obj[i] == "object" ");else {
        //簡單數(shù)據(jù)類型 直接 == 賦值
        var result = obj;
    }
    return result;
}

關(guān)于深拷貝的討論天天有，這里就貼兩種吧，畢竟我...

11.實現(xiàn)一個instanceOf

function instanceOf(left,right) {

    let proto = left.__proto__;
    let prototype = right.prototype
    while(true) {
        if(proto === null) return false
        if(proto === prototype) return true
        proto = proto.__proto__;
    }
}

求一份深圳的內(nèi)推

目前本人在準備跳槽，希望各位大佬和HR小姐姐可以內(nèi)推一份靠譜的深圳前端崗位!996.ICU 就算了。

微信：huab119

郵箱：[email protected]

作者掘金文章總集

「多圖警告」重學 TCP/IP 協(xié)議

「Vue實踐」5分鐘擼一個Vue CLI 插件

「Vue實踐」武裝你的前端項目

「中高級前端面試」JavaScript手寫代碼無敵秘籍

「從源碼中學習」面試官都不知道的Vue題目答案

「從源碼中學習」Vue源碼中的JS騷操作

「從源碼中學習」徹底理解Vue選項Props

「Vue實踐」項目升級vue-cli3的正確姿勢

為何你始終理解不了JavaScript作用域鏈？

公眾號

云服務(wù)器 GPU云服務(wù)器面試秘籍手寫js面試題手寫代碼 android高級面試題

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

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

發(fā)表評論

登陸后可評論

0條評論

Zhuxy

男|高級講師

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

TA的文章

小小碼民刷算法——反轉(zhuǎn)字符串

閱讀 3006·2021-11-16 11:45
寶塔網(wǎng)站誤刪除如何恢復(fù)?寶塔網(wǎng)站刪除恢復(fù)備份的方法

閱讀 5269·2021-09-22 10:57
??數(shù)據(jù)科學-Pandas、Numpy、Matplotlib秘籍之精煉總結(jié)

閱讀 1798·2021-09-08 09:36
使用STM32CubeMX初始化STM32F031F6Px系列

閱讀 1646·2021-09-02 15:40
騰訊云-云產(chǎn)品限時秒殺，爆款1核2G云服務(wù)器，首年99元，企業(yè)新用戶新購2核4G僅454一年！須要下

閱讀 2535·2021-07-26 23:38
手機H5 web調(diào)試利器——WEINRE (WEb INspector REmote) 安卓手機

閱讀 1236·2019-08-30 15:55
angular 組件通信

閱讀 952·2019-08-30 15:54
JavaScript 優(yōu)雅的實現(xiàn)方式包含你可能不知道的知識點

閱讀 1243·2019-08-29 14:06

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

資訊專欄INFORMATION COLUMN

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

「中高級前端面試」JavaScript手寫代碼無敵秘籍

相關(guān)文章

前端之從零開始系列

【前端面試分享】- 寒冬求職上篇

前端面試之手寫代碼

前端最強面經(jīng)匯總

**(下篇)中高級前端大廠面試秘籍，寒冬中為您保駕護航，直通大廠**

發(fā)表評論

0條評論

Zhuxy

男|高級講師

TA的文章

小小碼民刷算法——反轉(zhuǎn)字符串

寶塔網(wǎng)站誤刪除如何恢復(fù)?寶塔網(wǎng)站刪除恢復(fù)備份的方法

??數(shù)據(jù)科學-Pandas、Numpy、Matplotlib秘籍之精煉總結(jié)

使用STM32CubeMX初始化STM32F031F6Px系列

騰訊云-云產(chǎn)品限時秒殺，爆款1核2G云服務(wù)器，首年99元，企業(yè)新用戶新購2核4G僅454一年！須要下

手機H5 web調(diào)試利器——WEINRE (WEb INspector REmote) 安卓手機

angular 組件通信

JavaScript 優(yōu)雅的實現(xiàn)方式包含你可能不知道的知識點

最新活動

資訊專欄INFORMATION COLUMN

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

「中高級前端面試」JavaScript手寫代碼無敵秘籍

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

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