原创 記一次前端項目重構要點總結

不知不覺已是2019年的7月,恍惚之間已工作四年。懵懵懂懂的成長,間歇性努力,實話說,對現在自己取得的成果不大滿意。不過,好在時不時頓悟,知道適時作出改變。 此後發文會適當記錄一些心路歷程,與君共勉。 歡迎Star和訂閱我的博客。 本文要點

原创 使用React手寫一個對話框或模態框

打算用React寫對話框已經很長一段時間,現在是時候兌現承諾了。實際上,寫起來相當簡單。 核心在於使用React的接口React.createPortal(element, domContainer)。該接口將element渲染後的DOM

原创 節流 - 理解,實踐與實現

節流(分流),與防抖(去抖)實現原理相似。本文主要討論節流,鏡像文章:防抖 - 理解,實踐與實現。分開討論防抖和節流,主要是爲了讓一些還不太瞭解節流防抖的讀者能夠有針對性地,逐一掌握它們。 如何用代碼實現節流也是一個要點。本文采用循序漸進

原创 揭開redux,react-redux的神祕面紗

16年開始使用react-redux,迄今也已兩年多。這時候再來閱讀和讀懂redux/react-redux源碼,雖已沒有當初的新鮮感,但依然覺得略有收穫。把要點簡單寫下來,一方面供感興趣的讀者參考,另一方面也是自己做下總結。 redux

原创 不再手寫import - VSCode自動引入Vue組件和Js模塊

如要自動引入Vue組件,首先需安裝VSCode拓展: Vetur 自動引入Vue組件和普通Js模塊 在根目錄添加 jsconfig.json 。 每次修改jsconfig.json後需重啓該VSCode窗口 { "include":

原创 Gist - ES6 Iterator

Introduction Iterator is one of the most common design modes in daily development. Let's explore the iterator continent

原创 Gist - ES6 Proxy

Introduction "Proxy" is a frequently used pattern in both virtual world and real world. Those patterns("proxy", "iterato

原创 Gist - Fetch Usage

Introduction Do you prefer the usage of "ES6 Promise"? If you do, you will like the usage of "Fetch" too. Compared to "A

原创 Gist - ES6 Promise

The concept of "Promise" Promise is used to asynchronous computations. Introduction "Synchronize asynchronous methods" i

原创 防抖 - 理解,實踐與實現

爲了完整閱讀體驗,歡迎移步到我的博客原文。 防抖(去抖),以及節流(分流)在日常開發中可能用的不多,但在特定場景,卻十分有用。本文主要討論防抖,鏡像文章:節流 - 理解,實踐與實現。分開討論防抖和節流,主要是爲了讓一些還不太瞭解防抖節流的讀

原创 理解,實踐與實現防抖

防抖(去抖),以及節流在日常開發中可能用的不多,但在特定場景,卻十分有用。本文主要討論防抖,分開討論防抖和節流,主要是爲了讓一些還不太瞭解防抖節流的讀者能夠有針對性地,逐一掌握它們。 防抖(節流同樣)有兩種模式(容易讓人迷惑):延時執行和直