前端面試題總結

如下面試題出自本身去各個公司面試遇到的，不乏各個大廠：

瀑布流

vuex幾個經常使用屬性

vue經過哪一個js原聲方法實現數據監聽的

圖片截取上傳

懶加載和預加載

防抖動截流

flex幾個屬性背一下

手機端app優化

手機端調用相機webview

微信小程序

公衆號

js原生實現懶加載

Vue裏面，只要type是一個object或者array，default就是一個函數

inline-block使用習慣，給父元素的font-size設爲0

Promise或者ajax的catch捕獲

Settimieout的this指向

Jsonp返回的是callback函數

傳的時候也能夠傳一個函數過去

兩邊定寬，中間自適應

Offsetwidth

Clientwidth

Scrollwidth

快速排序

哪些事件不能夠冒泡

304表明什麼

服務器如何判斷瀏覽器傳過來的是否與原先的同樣

Fixed座標起點是哪

axios與vue resource區別

Grunt與gulp的區別，打包方法什麼的

Ngrepeat隔行變色

Put get如何向服務器發送數據

Restful

數據結構

Symbol

Foreach map區別

Webpack會首先引入哪一個插件

基本類型和引用類型到區別，有個經典面試題如何深度複製數組

如何拿到url參數的字符串

本身有沒有實現過一些js組件，如彈窗，輪播之類的

1px手機端如何實現

Webpack chunk

函數的運行機制

函數式編程，面向對象編程，還有各類編程，用過什麼，各類優缺點

函數聲明和定義的變量的函數區別

Es6如何解決遞歸的缺點，棧溢出，用僞遞歸

什麼是hash表，相似於js中的什麼？對象

Set和map的區別

對事務怎麼理解

Node中的事務

數據庫事務

對閉包的理解

一個函數和一個let定義的變量都存在於同一做用域中，這個函數可否訪問到這個變量，變量寫在函數的後邊

Pm2實現多進程

Webpack如何實現代碼分割

Webpack plugins的理解

用的webpack幾

新版本webpack與以前版本的不一樣

V-model如何實時綁定到頁面中

$.set方法添加新屬性屬於js的方法

雙向綁定是實力化以前就綁定好了，在哪一個生命週期綁定的，那實例化以後在綁定一個屬性到對象中，是否能夠實現雙向綁定

Vue哪些生命週期

哪些週期用來獲取dom,monunted,update

Vue綁定的事件是在dom上操做嗎

對原型的理解

一個函數，傳入一個json對象，在函數內改變這個對象好嗎？很差，要返回一個新的對象

對棧和堆的理解

數組是棧，對象不是棧，數組屬於對象

如何淺拷貝一個對象

原型設計的目的

原型設計的時候有沒有考慮到讓實例都用它的，想到了

Egg框架

如何實現組件解藕

解藕

父子組件通訊，傳值

Node中間件如何選，怎麼選

作項目如何選型

是否本身寫過webpack插件

Pm2一個進程只能一我的訪問，如何承受多人同時訪問，是否作過壓力測試

是否在項目中作緩存之類de

原型有原型蓮，函數如何層層運行的

拷貝一句話方法，object.assogn

國外框架

Loder和plugin的區別

Webpack

Vue深刻一下

雙向綁定原理深刻說明源碼說明

繼承方式

Node是否本身實現過koa2

Egg

Node若是引入的順序不同，結果會不同嗎

Node中間件執行原理

構造函數和工廠函數的區別

原型

瀏覽器如何優化，項目如何優化，webpack代碼分割，作優化，逸步加載

繼承

閉包使用場景

字符串統計出現最多的數量

數組去重多個方法

Css佈局左側定寬，右側自適應

彈性佈局

垂直居中

父子組件生命週期

Nexttick

如何設計權限

雙向綁定原理，改變數據會立馬刷新嗎？

同時改變10個都要立馬刷新嗎？

函數表達式與聲名式函數區別

閉包的使用場景

React缺點，

兄弟組件如何傳值，定義全局變量

與vue區別，優缺點，選型

時間複雜度，空間複雜度

對一個函數的複雜度作一個描述

排序算法有哪些

Websocket協議

Web worker

有哪些協議

TCP ip協議

Http請求發生了什麼

輸入一個地址以後發生了什麼

用過哪些好用的工具，插件

前端路由與後端不一樣

內層定位，父元素高度失效怎麼辦

浮動同理

Vuex和redux不一樣

小程序缺點

小程序生命週期

Es6.reflect.Proxy

Js對象扁平化

Js作更新

瀏覽器是否自帶緩存

Vue不知道什麼來的源碼

雙向數據綁定

虛擬dom的理解

生命週期

設計模式

Axios攔截器

什麼是發佈訂閱者模式，優缺點

Vue 3.0變化

先後端如何聯調

Px2rem如何給某些不使用rem是固定的px

手機端兼容

搜索的時候注意問題

Seo優化問題考慮

Node中間件使用，本身如何寫

Session如何使用，是否用了中間件

Transition和動畫的區別

本身實現輪播，避免重繪，迴流

數組各個方法返回數組自己仍是新數組

Js盒模型

函數節流

Promise原理

Css選擇器是從父到子仍是子到父

Css優化

一個數組變爲map以後會改變原數組嗎

寫一個遞歸

寫一個回調函數

你知道的異步的方法

如何清除閉包的變量

Koa2中的級聯

Ctx表明什麼

箭頭函數有沒有arguments

Promise鏈式調用和不鏈式調用的區別

請求的時候能夠傳cookie嗎

Express與koa2不一樣

用的eeactrouter版本

什麼是僞類

Jsonp限制，原理，安全問題。修改頭有非同源問題。

Cookie如何跨域傳

如何實現消息提醒，標籤欄上顯示紅點

Cookie如何傳向服務端

節流防抖

微信如何作受權登陸

搜索框請求

發送請求第二個直接幹掉第一個

對返回數據作判斷

Webpack和gulp區別

Sass和less區別

若是commit但沒push，回滾以後能夠經過一個refload命令找到全部commit記錄，若是沒有commit，而且回滾了則不能再找到了

異步的方式

Es6新增

React和vue區別

Js運行機制

Vue雙向綁定

僞數組如何變成數組

Css實現一個圓環，沿着y軸旋轉

Window.onload和document.ready區別

微信受權

公衆號開發

爲何加了overflow hidden就能夠有高度了

Bfc

佈局，左右固定，中間自適應

內層加padding，內外寬同樣，外層高度爲多少

高內聚，低哦切，面向對象

基本類型和引用類型的區別

Cons定義變量

1&&2

強制類型轉換

Substring

Websocket協議

端口

定時器，每隔1秒減1

正則經常使用的

Vue與react設計模式，原理

客戶端如何處理緩存，而不用304服務端判斷

父子組件傳值的生命週期

熱加載原理

Object.assign是深拷貝仍是淺拷貝

Object.defineproperty還有什麼屬性

父組件如何調用子組件方法

Promise與回調函數的區別

Cookie能夠跨域嗎