前端常見知識點

Electron：可用於開發電腦軟件，兼容mac，win等操做系統
GraphQL：是一種API查詢語言，用於前端和後端人員調用接口的解決方案。同APIJSON.
PWA：下一代web應用，移動端wap站點的高級版，效果逐步靠近app，後期可逐步替換掉部分app
Yarn：類npm包管理，可替代npm，有發展潛力

跨域：代理、同源、JSONP
React：至關於View層，虛擬DOM
Redux：狀態管理
Virtual DOM：在JS和DOM之間作了一個緩存。某個節點改變只修改當前節點，其餘模塊不會從新渲染
Diff 算法：即DOM Diff，用於增刪DOM節點的算法，經過一層一層dom樹對應查找比較來修改DOM。
白屏優化：骨架屏、路由跳轉前請求數據、服務端渲染、css頭部js尾部、css可直接內聯顯示（和性能優化衝突）
性能優化：css頭部，js尾部、減小請求、CDN加速、緩存、代碼壓縮、避免重定向、代碼規範優化
調用棧：代碼在執行過程當中進出棧的流程。（setTimeout即便設置0，也是後面的代碼先出棧執行）
Event Loop：事件循環。因爲js是單線程，全部的事件/回調/異步等都在執行隊列中等待主線程的調用執行。
　　　　　　主線程從「任務隊列」中讀取事件，這個過程是不斷循環的，即稱爲Event Loop（事件循環）。
工程化：大前端概念，構建編譯部署，資源管理規範等等
安全問題：XSS/第三方不安全插件等
瀏覽器渲染原理：瀏覽器底層的層級，層級的做用，如何解析資源，解析方式順序等。
SSR：服務端渲染。在服務端拿數據進行解析渲染，直接生成html片斷返回給前端。seo效果比前端直接ajax效果要好。

 

react、vue、angular之間的差異：
react： 相對來講只是mvc中的view層。
模板是JSX。虛擬DOM。
單向數據流。
處理表單比較繁瑣。
關於證書協議問題是一個隱患。
社區相對繁榮，市場佔有率比較高，有大平臺支撐。

angular：是一個mvvm框架。
框架相對比較重。
雙向數據綁定。
依賴注入。
ng1和ng2整體來講使用人數在下滑。

vue： 是一個輕量級mvvm框架。
可讀性比較好。相對處於react和angular之間。
從react借鑑了組件化、prop、單向數據流、性能、虛擬DOM
從angular借鑑模板，相對react有更好的語法。
vue簡單，學習成本最低。
發展迅猛，在國內使用率很是高。
可是做者是我的開發者，後期發展可能會受限。
對傳統jquery兼容更好，漸進式優化改造傳統站點成爲可能。
在單個組件內是雙向數據綁定的，對於處理表單會很是簡單高效。