Electron：可用于開發(fā)電腦軟件，兼容mac，win等操作系統(tǒng)
GraphQL：是一種API查詢語言，用于前端和后端人員調(diào)用接口的解決方案。同APIJSON.
PWA：下一代web應(yīng)用，移動(dòng)端wap站點(diǎn)的高級(jí)版，效果逐步靠近app，后期可逐步替換掉部分app
Yarn：類npm包管理，可替代npm，有發(fā)展?jié)摿?/span>

跨域：代理、同源、JSONP
React：相當(dāng)于View層，虛擬DOM
Redux：狀態(tài)管理
Virtual DOM：在JS和DOM之間做了一個(gè)緩存。某個(gè)節(jié)點(diǎn)改變只修改當(dāng)前節(jié)點(diǎn)，其他模塊不會(huì)重新渲染
Diff 算法：即DOM Diff，用于增刪DOM節(jié)點(diǎn)的算法，通過一層一層dom樹對(duì)應(yīng)查找比較來修改DOM。
白屏優(yōu)化：骨架屏、路由跳轉(zhuǎn)前請(qǐng)求數(shù)據(jù)、服務(wù)端渲染、css頭部js尾部、css可直接內(nèi)聯(lián)顯示（和性能優(yōu)化沖突）
性能優(yōu)化：css頭部，js尾部、減少請(qǐng)求、CDN加速、緩存、代碼壓縮、避免重定向、代碼規(guī)范優(yōu)化
調(diào)用棧：代碼在執(zhí)行過程中進(jìn)出棧的流程。（setTimeout即使設(shè)置0，也是后面的代碼先出棧執(zhí)行）
Event Loop：事件循環(huán)。由于js是單線程，所有的事件/回調(diào)/異步等都在執(zhí)行隊(duì)列中等待主線程的調(diào)用執(zhí)行。
　　　　　　主線程從“任務(wù)隊(duì)列”中讀取事件，這個(gè)過程是不斷循環(huán)的，即稱為Event Loop（事件循環(huán)）。
工程化：大前端概念，構(gòu)建編譯部署，資源管理規(guī)范等等
安全問題：XSS/第三方不安全插件等
瀏覽器渲染原理：瀏覽器底層的層級(jí)，層級(jí)的作用，如何解析資源，解析方式順序等。
SSR：服務(wù)端渲染。在服務(wù)端拿數(shù)據(jù)進(jìn)行解析渲染，直接生成html片段返回給前端。seo效果比前端直接ajax效果要好。

?

react、vue、angular之間的差別：
react： 相對(duì)來說只是mvc中的view層。
模板是JSX。虛擬DOM。
單向數(shù)據(jù)流。
處理表單比較繁瑣。
關(guān)于證書協(xié)議問題是一個(gè)隱患。
社區(qū)相對(duì)繁榮，市場(chǎng)占有率比較高，有大平臺(tái)支撐。

angular：是一個(gè)mvvm框架。
框架相對(duì)比較重。
雙向數(shù)據(jù)綁定。
依賴注入。
ng1和ng2總體來說使用人數(shù)在下滑。

vue： 是一個(gè)輕量級(jí)mvvm框架。
可讀性比較好。相對(duì)處于react和angular之間。
從react借鑒了組件化、prop、單向數(shù)據(jù)流、性能、虛擬DOM
從angular借鑒模板，相對(duì)react有更好的語法。
vue簡(jiǎn)單，學(xué)習(xí)成本最低。
發(fā)展迅猛，在國內(nèi)使用率非常高。
但是作者是個(gè)人開發(fā)者，后期發(fā)展可能會(huì)受限。
對(duì)傳統(tǒng)jquery兼容更好，漸進(jìn)式優(yōu)化改造傳統(tǒng)站點(diǎn)成為可能。
在單個(gè)組件內(nèi)是雙向數(shù)據(jù)綁定的，對(duì)于處理表單會(huì)非常簡(jiǎn)單高效。

?

轉(zhuǎn)載于:https://www.cnblogs.com/marymei0107/p/10026211.html

總結(jié)

以上是生活随笔為你收集整理的前端常见知识点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。