前言
在逛技術網站時，在一篇文章下面看到了一條評論，這條評論仁者見仁智者見智。我單獨放出來說，是因為他講到了基礎。基礎是重要的一個學習環節，在面試中很多問題都不難，都是基礎上內容，回不回的上就看你基礎是否牢固了，面試官也從中知道你學的怎樣。
評論
我因為學習興趣濃，從測試到java到前端一路學過來，現在就處於什么都懂，什么都半桶水的尷尬局面。我因為喜歡前端界面而漸漸的專注於前端。廣和精，這一對矛盾又統一的兄弟，在前端折騰死了很多人，我面試過的一些公司，一些說你深度不夠，一些說你太過狹隘，聊下來我就想打人。
我靜下來縷了一下，前端發展應該是基礎一定要精（三大基礎：html, js, css），因為前端所有的新技術都是基於這三門技術，離不開他們；其他基於這些擴展出來的不管是框架、技術，可以廣。常用的要熟悉，沒法實踐的要了解，平時可以做些小項目，甚至設置一個小項目，不斷的用新技術去實現這個小項目。底層精，上層廣，這就是一個扎實的前端技術工程師。
對於前端方向，說實話任何一個方向真的都可以深挖，做css，可以鑽研css的很多應用,；做html5，更是有不計其數的需求。前提是要先生存下來，有站着的資本，然后才可以走你自己的方向。大神之所以自由，是因為有了生存基礎，他們可以騰出手來做感興趣的研究了。
小編這篇不講基礎學什么、怎么學，打算后面單獨寫一篇詳講。這篇時把對於vue、js、css這三方面基礎整理了3套面試題，html在面試中問的不多，沒有去整理但有需要的小伙伴們評論告訴小編，小編后續更新。
Vue面試題總結
vue-cli工程
- 構建的 vue-cli 工程都到了哪些技術，它們的作用分別是什么？
- vue-cli 工程常用的 npm 命令有哪些？
- 請說出vue-cli工程中每個文件夾和文件的用處
- 請你詳細介紹一些 package.json 里面的配置
vue核心知識點
- 對於Vue是一套漸進式框架的理解
- vue.js的兩個核心是什么？
- 請問 v-if 和 v-show 有什么區別
- vue常用的修飾符
- v-on可以監聽多個方法嗎？
- vue中 key 值的作用
- vue-cli工程升級vue版本
- vue事件中如何使用event對象？
- $nextTick的使用
- Vue 組件中 data 為什么必須是函數
- v-for 與 v-if 的優先級
- vue中子組件調用父組件的方法
- vue中 keep-alive 組件的作用
vue-router
- vue-router如何響應 路由參數 的變化？
- 完整的 vue-router 導航解析流程
- vue-router有哪幾種導航鈎子（ 導航守衛 ）？
- vue-router傳遞參數的幾種方式
- vue-router如何定義嵌套路由？
-
組件及其屬性 - vue-router實現路由懶加載
- vue-router路由的兩種模式
- history路由模式配置及后台配置
UI樣式
- vue組件的scoped屬性的作用
- 如何讓CSS只在當前組件中起作用？
- vue中常用的UI組件庫
- 如何適配移動端？【 經典 】
- 移動端媒體查詢
- vue內容垂直和水平居中
- vue-cli引入圖片的方法
- 移動端常見樣式問題
- 文本超出隱藏
MVVM設計模式
- MVC、MVP與MVVM模式
- MVC、MVP與MVVM的區別
- MVVM的實現原理
- Object.defineProperty()方法
- ES6中定義的類和對象
- JS中的文檔碎片
- 解構賦值
- Array.from
- Array.reduce()
- 遞歸的使用
- Obj.keys()與Obj.defineProperty
- vue項目優化，縮短首屏加載時間
還有vuex、http請求、常用功能、常用功能等面試題內容沒有列舉出來，需要Vue面試題小伙伴們請點擊這直接領取
javaScript前端經典面試題
JS運行機制/ 單線程/ 異步
- 如何理解js的單線程？
- js為什么是單線程的？
- 同步和異步的區別是什么？分別舉一個同步和異步的例子？
- 何時需要異步？
- 什么是任務隊列？
- 請說出下列值？
- 棧和隊列的區別？
- 棧和堆的區別？
- 什么是event loop？
- event-loop流程？
- 哪些語句會放入異步任務隊列中？
- 何時被放入任務隊列？
JS中的內置函數/內置對象
- js中有哪些內置函數/ 數據封裝類對象？
- js中有哪些內置對象？
- js變量按照存儲方式區分為哪些類型，並描述其特點？
- 字符串方法/ String對象方法?
- 數組方法/ Array對象方法？
- 數組API？
- 對象API？
dom
- dom是哪種基本的數據結構？
- dom操作的常用api有哪些？
- dom節點的attribute和property有何區別？
- dom結構操作/ 怎樣添加、移除、移動、復制、創建和查找節點/ dom操作的常用api？
- dom事件的級別？
- dom事件模型？
- dom事件流？
- 描述dom事件捕獲的具體流程？
- event對象的常見應用？
- 自定義事件/ 模擬事件？
- 通用事件綁定/ 編寫一個通用的事件監聽函數？
- dom樹、render樹的關系/ dom樹、render樹的區別（第2、3條）？
JS基礎
- 對js的理解？
- 請說出以下代碼輸出的值？
- 把以下代碼，改寫成依次輸出0-9
- 如何區分數組對象，普通對象，函數對象
- 面向對象、面向過程
- 面向對象的三大基本特性
- XML和JSON的區別？
- Web Worker 和webSocket？
- Javascript垃圾回收方法？
- new操作符具體干了什么呢？
- js延遲加載的方式有哪些？
- WEB應用從服務器主動推送Data到客戶端有那些方式？
100道 CSS 面試題
- 介紹一下標准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？
- CSS 選擇符有哪些？
- ::before 和:after 中雙冒號和單冒號有什么區別？解釋一下這 2 個偽元素的作用。
- 偽類與偽元素的區別
- CSS 中哪些屬性可以繼承？
- CSS 優先級算法如何計算？
- 關於偽類 LVHA 的解釋?
- CSS3 新增偽類有那些？
- 如何居中 div？
- display 有哪些值？說明他們的作用。
- position 的值 relative 和 absolute 定位原點是？
- CSS3 有哪些新特性？（根據項目回答）
- 請解釋一下 CSS3 的 Flex box（彈性盒布局模型），以及適用場景？
- 用純 CSS 創建一個三角形的原理是什么？
- 一個滿屏品字布局如何設計?
- CSS 多列等高如何實現？
- 經常遇到的瀏覽器的兼容性有哪些？原因，解決方法是什么，常用 hack 的技巧？
- li 與 li 之間有看不見的空白間隔是什么原因引起的？有什么解決辦法？
- 為什么要初始化 CSS 樣式？
- 什么是包含塊，對於包含塊的理解?
結束語
篇幅原因每篇面試題資料列舉的一部分題目，無論是需要其中1套的還是3套都需要的小伙伴們，直接點擊這領取vue、js、css面試題資料。學基礎內容不難，但把基礎學的扎實了，這也是需要時間的。