面試題目彙總（按期更新）

1.HTML5，CSS3 新增了那些東西？

　　語義化標籤header,nav,footer,video,audio,canvas等等

　　sessionStorage,localStorage

　　border-radius,box-shadow,animation,ttransform.display:flex,background-size,box-sizing:border-box

 

2.sessionStorage,localStorage,cookies

　　cookies能夠跨域儲存，大小4kb,能夠設置過時時間，兼容性比較好

　　localStorage 本地存儲，會一直保留，只能手動清楚。大小5m

　　sessionStorage 同上，單頁面關閉會自動清除

 

3.ES6你有了解嗎？簡單介紹下都有那些東西？

　　let,const,

　　forEach,map,filter

　　模板字符串：經過反引號來使用，字符串當中可使用變量，可使用多行字符串，能夠看成普通字符串處理。

 

4.接下來問題就來了 var和let又有什麼區別（是否是感受給本身挖了個坑）？

　　var的做用域能夠作用在全局，而let聲明只能在本身的做用於內有效，除了這個做用於就拿不到他了，var會變量提高，即變量在聲明以前使用，值爲undefined，let改變了這種語法行爲，變量要在聲明以後再使用。

 

5.性能優化

　　減小dom操做，代碼壓縮合並，base64，減小網絡請求，懶加載，更牛逼的就是JS防抖和節流了，等下會詳細介紹。

 

6.JS防抖和節流

　　聽到這個有沒有很懼怕哈哈哈哈

 

7.javasccript單線程仍是多線程

　　單線程，會阻塞其餘代碼，可是瀏覽器是事件驅動（Event driven）javascript引擎是單線程處理它的任務隊列能夠理解成普通函數和回調函數得隊列，當異步事件發生時如click mouse XMLHttpRequest completing setTimeout（鼠標事件，定時器，ajax完成出發回調）,將他們放入執行隊列（瀏覽器有一個內部大消息循環Event Loop事件循環會輪詢事件隊列並處理他們），等待當前代碼執行完成。

 。

 

8.正則

 

9.排序

 

10.去重

 

11，字符串方法

 

12，閉包

　　子函數調用父函數就是閉包，閉包有好處也有壞處！

13，MVC,MVVC

　　M model V view C controller

　　MVVC實現了數據的雙向綁定

14.VUE生命週期鉤子

　　beforcreate

　　created

　　beforemount

　　mounted

　　beforsUpdate

　　updated

　　actived

　　deatived

　　beforeDestroy

　　destroyed

 

15.get和post得區別

　　最簡單得是get參數是放在URL，post是放在body請求裏，get參數有長度限制和post沒有，

　　進階回答，其實get和post請求沒有本質得區別，都是http協議中得請求方法，底層都是基於TCP/IP協議實現得，get語義化用於查詢，post用於修改，

　　最大得區別就是get產生一個TCP數據包，post產生倆個數據包

　　get請求瀏覽器回把http hreader和data一塊兒發送出去，服務器相應200（返回數據）

　　而對於post，瀏覽器先發送header，服務器響應100 continue，瀏覽器再發送data，服務器想用200 （返回數據）理論上來講get更快 可是他們都有本身得語義不能亂用，在網絡環境好的  時候，時間差異能夠無視，在網絡環境差的時候，倆次TCP驗證數據包完整性上有很大得優勢，火狐瀏覽器只發送一次。

 

16.cookies跨域

　　作單點登錄需求得時候須要跨域存儲cookies方法是用domain屬性設置  '.google.com' cookies還能夠設置失效時間。document.cookie = "blogClloie=blog;path=/;domain=.blog.csdn.net"

 

17.一次完整的HTTP事務流程

　　（1）.域名解釋

       （2）發起TCP的三次握手

　　（3）.簡歷起TCP連接發送http請求

　　（4）.服務器響應http請求，瀏覽器獲得html代碼中

　　（5）瀏覽器解析html代碼，並請求html代碼中的資源

　　（6）瀏覽器對頁面進行渲染呈現給用戶

　　（7）連接結束　　

 

18.http請求碼及其做用

　　1開頭信息，服務器收到請求，須要請求者繼續執行操做

　　2開頭成功，操做被成功接受並處理

　　3開頭重定向，須要進一步操做以完成請求

　　4開頭客戶端錯誤，請求包含語法錯誤或沒法完成請求

　　5開頭服務器錯誤，服務器在處理請求的過程當中發生了錯誤

19 http和https協議的器別

　　http不提供任何數據加密

　　https提供瀏覽器和服務器通訊加密

20.同源策略（跨域否）

　　協議相同

　　域名相同

　　端口相同

 

21.解決跨域

　　降域 document.domain

　　jsonp

　　H5的postMessage(data,origin)方法

　　LocalStotage

22.域名

　　真正的一級域名是由一個合法字符串+域名後綴組成，baidu.com這纔是一級域名，二級域名是在一級域名前加上了一個字符串，好比說www（主機名）.baidu.com或者zhidao.baidu.com就是二級域名。

23.node.js介紹

　　node.js通常不會用來獨立開發大型項目，在服務器端執行。

　　實際用途

　　1.中間層

　　2.小型服務

　　3.工具（webpack,gulp,babel）都是用node寫的，直接用。

 24.什麼是數據的雙向綁定

　　view層和model數據層不通過controller直接綁定。

 25.vue事件修飾符

　　1.stop禁止冒泡

　　2.once單次點擊

　　3.prevent 阻止默認事件

　　4.native原生事件（組件）

　　5.keycode|name 篩選按鍵

26.computed--計算屬性

　　1.緩存性能高

　　2.方即可讀可寫 set get 屬性得方式　　

 27.vue數據通訊

　　1.用庫 axios

　　2.原生fetch