近日去某獨角獸公司面試了一波，本以為憑藉幾年的豐富專案積累能順風順水的，結果被面試官『教育』了一番，著實慚愧。
被連續幾個前端知識點問道懵逼，回來後好好補習了一番。以下是對面試問題的思考：
1.let，const定義的變數可以不賦值嗎，指向**？
答：let 可以不賦值，const不能不賦值 會報 missing initializer in const declaration 缺少初始化。let不存在變數提公升，必須宣告後才能使用。const定義常規變數，並不是變數的值不得改動，而是變數指向的那個記憶體位址所儲存的資料不得改動。const定義的物件或陣列，變數指向的記憶體位址，儲存的只是乙個指向實際資料的指標，const只能保證這個指標是固定的（即總是指向另乙個固定的位址），至於它指向的資料結構是不是可變的，就完全不能控制了。
2.png8 和 png24 的圖有什麼區別？
答：png檔案格式分為png-24和png-8，其最大的區別是png-24是用24位來儲存乙個畫素值，是真彩色，而png-8是用8位索引值來在調色盤中索引乙個顏色，因為乙個索引值的最大上限為2的8次方既128，故調色盤中顏色數最多為128種，所以該檔案格式又被叫做png-8128仿色。我當時只答出了精度不同，png24的大小更大，面試官追加了一句 大多少？有什麼規律嗎？回來後我實際測試了下，同一張png24的大小是434.5kb，png8的大小是124kb，接近4倍的大小差距。
3.實現乙個簡單的雙向資料繫結，實現呼叫函式時，返回2.
我知道是運用object.defineproperty來進行監聽，但是細節方面還是遺忘了。
var a = {}
object.defineproperty(a, 'name', `)
},get: function()
})console.log(a.name)
4.http協議與https相關的問題，有什麼區別。
5.跨域cors原理（其實就是個白名單）
6.cookie中儲存過大會有影響嗎？cookie和localstorage的區別?
cookie是塞在請求頭裡面的，拿php語言來說，當請求乙個頁面的時候，cookie會通過http協議傳到服務端，這也是通過$_cookie就能獲取到遠端客戶端中的cookie的原理。所以cookie太大後，整個http頭也會被撐大。
區別：cookie資料始終在同源的http請求中攜帶（即使不需要），即cookie在瀏覽器和伺服器間來回傳遞。而sessionstorage和localstorage不會自動把資料發給伺服器，僅在本地儲存。cookie資料還有路徑（path）的概念，可以限制cookie只屬於某個路徑下。儲存大小限制也不同，cookie資料不能超過4k，同時因為每次http請求都會攜帶cookie，所以cookie只適合儲存很小的資料，如會話標識。sessionstorage和localstorage 雖然也有儲存大小的限制，但比cookie大得多，可以達到5m或更大。資料有效期不同，sessionstorage：僅在當前瀏覽器視窗關閉前有效，自然也就不可能持久保持；localstorage：始終有效，視窗或瀏覽器關閉也一直儲存，因此用作持久資料；cookie只在設定的cookie過期時間之前一直有效，即使視窗或瀏覽器關閉。作用域不同，sessionstorage不在不同的瀏覽器視窗中共享，即使是同乙個頁面；localstorage 在所有同源視窗中都是共享的；cookie也是在所有同源視窗中都是共享的。web storage 支援事件通知機制，可以將資料更新的通知傳送給監聽者。web storage 的 api 介面使用更方便。
這兩年一直在做業務，什麼需求來了照做就行，很少去研究它的具體原理。對方技術面試官跟我講要深入，不然在5 7年後如果沒有自己的技術壁壘，是沒法跟工作2 3年的小年輕比的。慚愧，以後要多關注原理方面的東西。
記一次前端面試 收集
事件委託 事件 的作用?支援為同乙個dom元素註冊多個同型別事件 可將事件分成事件捕獲和事件冒泡機制 事件委託的優點 提高效能 每乙個函式都會占用記憶體空間，只需新增乙個事件處理程式 所有事件,所占用的記憶體空間更少。動態監聽 使用事件委託可以自動繫結動態新增的元素,即新增的節點不需要主動新增也可以...
面經 記一次位元組跳動前端面試經歷
博主找我修改簡歷，給他提了一些建議，不久他就收到了位元組跳動面試。不知道是不是提的建議有效果 ps 文中加了一些我的注釋。正文如下 需要提前說明的是，該流程記錄皆出自本人本次面試的經歷，和其他人的可能有所出入。開始面試後，首先是自我介紹。面試官不一定提前看過簡歷，或者只是一覽而過，所以面試前有必要準...
記第一次前端面試
不折不扣的應屆生 不折不扣的一年經驗 不折不扣的菜鳥，就是我！記錄一下珍貴的面試機會，這次踩的坑說不定下次還要踩呢！讓我仔細回味一下這次看似並不專業的面試是如何難住了智慧型的我 面試官 請做一下自我介紹 一句閒話沒有，簡單粗暴 我 我是來自xx大學xx專業的應屆生。具體的技術問題彷彿只有這三個，其他...