面試題二

一、Pwa 是什麼？

Progressive Web App, 簡稱 PWA，是提高 Web App 的體驗的一種新方法，能給用戶原生應用的體驗。
PWA 能作到原生應用的體驗不是靠特指某一項技術，而是通過應用一些新技術進行改進，在安全、性能和體驗三個方面都有很大提高，PWA 本質上是 Web App，藉助一些新技術也具有了 Native App 的一些特性，兼具 Web App 和 Native App 的優勢。
PWA 的主要特色包括下面三點：
①能夠添加至主屏幕，點擊主屏幕圖標能夠實現啓動動畫以及隱藏地址欄
②實現離線緩存功能，即便用戶手機沒有網絡，依然可使用一些離線功能
③實現了消息推送

二、Call和apply 中this指向的區別？（應該是沒有，歡迎補充，我沒有找到this指向的區別）

call();跟執行函數()是同樣的效果 test.call()至關於test()
call()跟apply()都是改變this的指向
二者區別 傳參列表不一樣
Fun.call(新this指向,參數1,參數2,參數3,……)
Fun.apply(新this指向,用對象形式傳參)

三、高度自適應的實現，
四、知道es6 中的map嗎。
Es6中let如何實現塊級做用鏈的？
你知道哪些異步？
Await內部如何實現的？
Promise 如何實現異步的？
Promise 和callback 有什麼區別？
Promise 的參數？
Proto 和prototype 的區別？
js內存泄漏？爲何會泄漏？如何處理？
爲何要清除浮動？
浮動的框能夠左右移動，直到遇到另外一個浮動框或者遇到它外邊緣的包含框。浮動框不屬於文檔流中的普通流，當元素浮動以後，不會影響塊級元素的佈局，只會影響內聯元素佈局。此時文檔流中的普通流就會表現得該浮動框不存在同樣的佈局模式。當包含框的高度小於浮動框的時候，此時就會出現「高度塌陷」。即爲什麼咱們須要清楚浮動。
有一萬個button所有綁定事件如何綁定？不能給父元素綁定，
array是object類型嗎？
是
flex有哪些屬性值？flex1表明什麼？
flex 屬性是 flex-grow、flex-shrink 和 flex-basis 屬性的簡寫屬性
flex1表明：讓全部彈性盒模型對象的子元素都有相同的長度，忽略它們內部的內容
你知道數組哪些排序方式？
冒泡 快速
如何取出數組中最大的值？
sort 取出最後一個
發佈者，監聽者，訂閱着有什麼區別？
其實主要考察Vue數據雙向綁定的實現原理
讓一個寬高不固定的盒子水平垂直居中？排除絕對定位的方式，有哪些方法？
display: table;
利用彈性盒：justify-content: center;//實現水平居中

align-items: center;//實現垂直居中

http狀態碼301 302 403？
301:
永久移動。請求的資源已被永久的移動到新URI，返回信息會包括新的URI，瀏覽器會自動定向到新URI。從此任何新的請求都應使用新的URI代替
302:
永久移動。請求的資源已被永久的移動到新URI，返回信息會包括新的URI，瀏覽器會自動定向到新URI。從此任何新的請求都應使用新的URI代替
403:
服務器理解請求客戶端的請求，可是拒絕執行此請求
冒泡排序如何優化？