原创 Vue 組件間通信 11 種方法彙總

父組件向子組件傳值 1. 通過屬性傳值 props props 可以是數組或對象,用於接收來自父組件的數據。 // 父組件 List.vue <template> <div> <List-item :str="str" :ob

原创 「框架篇」React 中 的 9 種優化技術

谷歌的數據表明,一個有 10 條數據 0.4 秒可以加載完的頁面,在變成 30 條數據加載時間爲 0.9 秒後,流量和廣告收入減少了 20%。當谷歌地圖的首頁文件大小從 100kb 減少到 70~80kb 時,流量在第一週漲了 10%,接下

原创 Angular 8 中通過 Stomp 協議實現數據實時通信

前情摘要 什麼是 STOMP? STOMP Simple or Streaming Text Orientated Messageing Protocal 是簡單(流)文本定向傳輸協議。 STOMP 是 WebSocket 更高級的子協議

原创 「JS篇」JavaScript 執行上下文和提升

我們通常將 JavaScript 歸類爲動態或解釋執行語言,但實際上它也是一門編譯語言,它有自己的編譯器形式,運行在 JavaScript 引擎中。 每個 Web 瀏覽器都有自己的 JavaScript 引擎形式:Chrome 有 V8,M

原创 從觀察者模式到迭代器模式系統講解 RxJS Observable(一)

RxJS 是 Reactive Extensions for JavaScript 的縮寫,起源於 Reactive Extensions,是一個基於可觀測數據流 Stream 結合觀察者模式和迭代器模式的一種異步編程的應用庫。RxJS 是

原创 「JS篇」你不知道的 JS 知識點總結(一)

typeof null 爲 ”object” 解釋 不同的對象在底層都表示爲二進制,在JavaScript中二進制前三位都爲0的話會被判斷爲object類型,null 的二進制表示都是0,自然前三位都是0,所以執行 typeof null

原创 Axios遇到React如何優雅的實現實時搜索

「框架篇」Axios遇到React如何優雅的實現實時搜索 本文所使用的 React 爲最新版16.83,其中用到了高階組件 react.memo(),處理異步請求的 async/await,基於Promise 的 HTTP 庫 axios