[TOC]
# 為什么會有這個項目
我經常在互聯網上搜索一些面試題,也看過很多前端面試題相關的項目或者是文章集合,但是這些項目都存在一些問題.
## 大量的過時問題
現在搜索前端性能優化的處理方法,依然充斥著大量的**雅虎軍規**,雅虎軍規本身沒問題,這是曾經的互聯網巨頭在大量實踐中總結的寶貴經驗。
問題是,雅虎都快沒了,這些法則已經誕生超過十年了(我見過最早的中文版雅虎軍規是2006年的),其中很多條"軍規"早已經成為了日常操作,比如靜態資源上 CDN,這在 10 年前算是時髦的事情,但是現在早已經司空見慣,再比如什么減少對 DOM 訪問,css 放 head 標簽,這種操作適用于史前前端,如今正常的項目基本都是上框架,操作 DOM 的機會本來就不多,而且工程化之后 webpack 自動打包,什么資源放哪都已經被集成了。
當然知道這些是有用的,問題是現在已經屬于常識中的常識,試問,面試官問你前端性能優化,你上來背雅虎軍規,什么少動 dom,上 cdn之類的,如果我是面試官給我的印象是,這個人沒做過性能優化,只是網上搜了搜背了背而已.
## 深入淺出的不多
我看到很多項目整理了大量的面試題,但是解讀部分非常草率,就比如**前端性能優化**這種問題,后面列了幾條雅虎軍規就了事了,這種解讀的意義跟沒有一樣,單純的羅列問題和羅列答案,不把東西講清楚。
還有深入的部分,不得不說互聯網上還是有非常多有深度的文章的,尤其是一些大廠的團隊作品質量都有保證,但是很多時候講的太深并不是好事,典型的就是各種源碼解讀文章,作者搞沒搞清楚我不清楚,但是絕大多數讀者肯定沒有被“解讀”清楚,除了源碼晦澀難懂之外,文章大量羅列代碼+一行注釋這種寫法不像是在解讀,像是在做批注。
## 缺乏基礎知識
現在的前端面試項目依然是 js+css+html 的三劍客模式,配上框架部分,這樣一看是沒有錯,這就是"前端"面試,但是前端首先是程序員或者說是軟件工程師,這里欠缺了計算機的基礎知識.
如果放在幾年前,一個熟練運用三劍客+一種框架的前端在市場上是香噴噴,現在只能算是一個合格水平了,前端野蠻生長的時代已經過去了,各個大廠也回歸理性,除了前端的專業問題外,計算機的基礎知識必不可少,尤其是算法部分,當然網絡、操作系統、編譯原理也都有涉及。
## 方向不夠全面
前端一步步發展到今天,其實已經在發展過程中分化出了不同的方向。
所以,傳統前端的面試知識已經不夠了,我們的確需要一個更全面的項目,當然,我本人能力有限,只能盡可能先完
- 前言
- 指南使用手冊
- 為什么會有這個項目
- 面試技巧
- 面試官到底想看什么樣的簡歷?
- 面試回答問題的技巧
- 如何通過HR面
- 推薦
- 書籍/課程推薦
- 前端基礎
- HTML基礎
- CSS基礎
- JavaScript基礎
- 瀏覽器與新技術
- DOM
- 前端基礎筆試
- HTTP筆試部分
- JavaScript筆試部分
- 前端原理詳解
- JavaScript的『預解釋』與『變量提升』
- Event Loop詳解
- 實現不可變數據
- JavaScript內存管理
- 實現深克隆
- 如何實現一個Event
- JavaScript的運行機制
- 計算機基礎
- HTTP協議
- TCP面試題
- 進程與線程
- 數據結構與算法
- 算法面試題
- 字符串類面試題
- 前端框架
- 關于前端框架的面試須知
- Vue面試題
- React面試題
- 框架原理詳解
- 虛擬DOM原理
- Proxy比defineproperty優劣對比?
- setState到底是異步的還是同步的?
- 前端路由的實現
- redux原理全解
- React Fiber 架構解析
- React組件復用指南
- React-hooks 抽象組件
- 框架實戰技巧
- 如何搭建一個組件庫的開發環境
- 組件設計原則
- 實現輪播圖組件
- 性能優化
- 前端性能優化-加載篇
- 前端性能優化-執行篇
- 工程化
- webpack面試題
- 前端工程化
- Vite
- 安全
- 前端安全面試題
- npm
- 工程化原理
- 如何寫一個babel
- Webpack HMR 原理解析
- webpack插件編寫
- webpack 插件化設計
- Webpack 模塊機制
- webpack loader實現
- 如何開發Babel插件
- git
- 比較
- 查看遠程倉庫地址
- git flow
- 比較分支的不同并保存壓縮文件
- Tag
- 回退
- 前端項目經驗
- 確定用戶是否在當前頁面
- 前端下載文件
- 只能在微信中訪問
- 打開新頁面-被瀏覽器攔截
- textarea高度隨內容變化 vue版
- 去掉ios原始播放大按鈕
- nginx在MAC上的安裝、啟動、重啟和關閉
- 解析latex格式的數學公式
- 正則-格式化a鏈接
- 封裝的JQ插件庫
- 打包問題總結
- NPM UI插件
- 帶你入門前端工程
- webWorker+indexedDB性能優化
- 多個相鄰元素切換效果出現邊框重疊問題的解決方法
- 監聽前端storage變化