前端技術棧---看完這篇就夠了

技術棧:
Html5、CSS3(Sass/Less)、JavaScript、NodeJs、TypeScript、前端構建(webpack、gulp、grunt)、Chrome DevTools、前端適配、單元測試、自動化測試、http/https、TCP(三次握手四次揮手、流量控制、擁塞控制)、WebSocket、前端通信(同源策略、跨域通信)、工程化(模塊化、組件化、規範化、自動化)、瀏覽器(進程、渲染機制、緩存、v8原理、垃圾回收、經典面試題、兼容性問題)、前端性能優化、前端安全、多端應用(微信公衆號、小程序、Hybrid APP、ReactNative、Flutter、Electron)、設計模式、數據結構與算法、源碼原理和實現、數據可視化(D3、Echarts、HighCharts、Canvas)、微前端架構、PWA、Web Components、WebAssembly、Serverless

Js高級:
1.數據類型和內存空間
2.執行上下文
3.變量對象
4.作用域和作用域鏈
5.閉包
6.this
7.函數和函數式編程
8.高階函數(函數柯里化)
9.面向對象、構造函數、原型和原型鏈
10.Js運行機制:微任務、宏任務、EventLoop
11.異步:回調函數、setTimeout、promise、生成器Generators/ yield、async/await、流(RxJs、Stream)
12.繼承方式:原型鏈繼承、構造函數繼承、組合繼承、原型式繼承、寄生式繼承、寄生組合式繼承

前端通信:
同源策略:協議、域名、端口號相同,即爲同源。
同源限制:
1. Cookie、LocalStorage 和 IndexDB 無法讀取
2. DOM 和 Js對象無法獲得
3. AJAX 請求不能發送
跨域方案:
1.JSONP
2. document.domain + iframe跨域
3.location.hash + iframe
4.windo

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章