使用vue框架開發兩年以上工做經驗的前端工程師面試題

瀏覽器兼容性（ie）
1.事件綁定

vue
一. UI框架使用的是什麼？
1.1 如何避免樣式污染，以及改變其樣式；
1.2 vue-cli 引入插件的方式？ Vue.use(ElementUI);
1.3 如何按需引入 安裝 babel-plugin-component

二. Vue的生命週期
2.1 updated的使用
2.2 keep-alive生命週期鉤子函數：activated、deactivated
2.3 include(包含的組件緩存) 與 exclude(排除的組件不緩存，優先級大於include)
2.4 this.$nextTick()的做用
2.5 destroyed中 通常處理什麼問題？

三. 如何封裝組件？（vue組件：slot props $refs）？
3.1 vue封裝過echarts麼？
3.2 如何解決文案太長，echarts展現不全的問題；
3.3 echarts的color屬性（漸變色）
3.4 echarts圖表響應式的問題
3.5 echarts添加點擊事件 myChart.on('click', function (params) {} 與vue組件的結合使用

四. 如何開發插件 如何製做vue依賴包？
4.1 本身封裝vue 公共組件依賴包，封裝組件發佈到npm

五. Vue實現數據雙向綁定的原理：Object.defineProperty（）
5.1 對vue虛擬dom的理解 (同步react)
5.2 對於一個屬性比較多的對象，如何只監聽其某一個屬性？

六. Vue組件間的數據傳遞

七. vue（全局）封裝組件，directive自定義指令，fliter過濾器，混入 mixins，定義全局的方法

1. 1 過濾器能夠接收參數麼（多個參數）？

八. vue-router 全局路由守衛，路由獨享守衛，組件內的守衛
8.1 rouer-view 的過分動效

九. axios的封裝 與 使用 （Promise） 錯誤處理
9.1 定義全局的方法

十. vuex怎麼使用
10.1 vuex 如何保證瀏覽器刷新後，數據繼續緩存?
10.2 vuex的Getter特性 （組件中使用computed ）
10.3 如何在組件中使用?
10.4 組件中如何獲取 vuex module（模塊）中定義的 state?

十一. 列舉幾種 事件修飾符

webpack 有哪些優勢

1. loader的做用：
2. vue-cli 配置了哪些webpack
3. 優化插件 no-console UglifyJsPlugin
4. entry (多個入口文件) babel-polyfill（兼容ie）
5. resolve 拼接絕對路徑 'static': path.resolve(__dirname, './../static')

Node

1. 如何避免回調地獄？

es6
1.ES6用過嗎，新增了那些東西，你用到過什麼
2.如何合併兩個對象？
3.如何複製一個對象？ 深拷貝，淺拷貝。
4.promise對象

佈局

1. 容超過長度後以省略號顯示
2. 元素居中的問題
3. input回顯帳號密碼的問題 （如何修改chrome記住密碼後自動填充表單的黃色背景）
4. 頁面導入樣式時，使用link和@import有什麼區別？
5. 如何實現瀏覽器內多個標籤頁之間的通訊? （ 請描述一下 cookies，sessionStorage 和 localStorage 的區別？）
6. 簡述一下 工做中如何實現 下載文件 與 上傳文件？

sass1.SASS上的不一樣類型的運算符？2.sass的指令 @if @else if @each @mixin @include