更新:謝謝大家的支援,最近折騰了一個資料彙總,友善大家系統閱讀,後續會有更多内容和更多優化,猛戳這裡檢視
------ 以下是正文 ------
引言
前段時間在 GitHub 中建了一個 Daily-Interview-Question 項目,每天提供一道高頻面試題給大家,幫助大家查漏補缺,今天就把最近半月彙總的面試題和部分答案發給大家,希望對大家有所幫助。
歡迎 PR 你認為不錯的面試題,歡迎在項目 Issue 區留下你的答案,共同參與這個項目,由于時間問題,我隻提供題目,答案暫由小夥伴們提供。
項目位址是:github.com/Advanced-Fr…
每日面試題
第 1 期:寫 React / Vue 項目時為什麼要在元件中寫 key,其作用是什麼
解析:第一題:key的作用是為了在diff算法執行時更快的找到對應的節點,提高diff速度。
第 2 期: ['1', '2', '3'].map(parseInt)
what & why ?
['1', '2', '3'].map(parseInt)
解析:第二題:['1', '2', '3'].map(parseInt) 解析
第 3 期:什麼是防抖和節流?有什麼差別?如何實作?
解析:第三題:節流和防抖的個人見解
第 4 期:介紹下 Set、Map、WeakSet 和 WeakMap 的差別?
解析:第四題:Set、Map、WeakSet 和 WeakMap
第 5 期:介紹下深度優先周遊和廣度優先周遊,如何實作?
解析:關于第五題我的一些見解
第 6 期:請分别用深度優先思想和廣度優先思想實作一個拷貝函數?
解析:第六題 實作深度拷貝
第 7 期:ES5/ES6 的繼承除了寫法以外還有什麼差別?
歡迎在 Issue 區留下你的答案。
第 8 期:setTimeout、Promise、Async/Await 的差別
歡迎在 Issue 區留下你的答案。
第 9 期:Async/Await 如何通過同步的方式實作異步
歡迎在 Issue 區留下你的答案。
第10期:異步筆試題
請寫出下面代碼的運作結果
async function async1() {
console.log('async1 start');
await async2();
console.log('async1 end');
}
async function async2() {
console.log('async2');
}
console.log('script start');
setTimeout(function() {
console.log('setTimeout');
}, 0)
async1();
new Promise(function(resolve) {
console.log('promise1');
resolve();
}).then(function() {
console.log('promise2');
});
console.log('script end');
解析:關于第10題的一些見解
第11題:算法手寫題
已知如下數組:
var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];
編寫一個程式将數組扁平化去并除其中重複部分資料,最終得到一個升序且不重複的數組