原创 React Hooks的花樣玩法 useDark useClickOutside useSelector 全局狀態管理 異步處理 總結 參考資料

React Hooks是react 最新的編程範式,我們可以容易地寫出更加簡單和可擴展的代碼。最近看了jsconf(https://www.youtube.com/watch?v=J-g9ZJha8FE)的會議分享後,覺得有很多代碼實現思路

原创 [校園招聘][內推][外企]國際評級機構----Moody's Analytics穆迪信息諮詢(深圳)有限公司 2020 屆校園招聘

國際三大國際評級機構穆迪評級子公司----穆迪信息諮詢(深圳)有限公司 2020 屆校園招聘正式啓動!! 公司簡介 穆迪是全球資本市場不可或缺的一部分,提供信用評級、研究報告、研究工具及分析,爲金融市場的透明度和整體性作出了積極貢獻。穆迪公

原创 ES2019新特性預覽

閱讀javascript語言標準規範應該是每一個前端開發者都要進行的一項工作,那麼瞭解標準化的過程也可以使我們在閱讀文檔工程中更加有的放矢。我們平常使用的javascript標準是由ecma international這個組織來發布的,它是

原创 React性能優化小貼士

平常在完成業務功能開發後,不知道你是否還會精益求精,做一些性能優化方面的工作呢?React框架中有一些性能優化相關的注意事項,如果平常不怎麼關注的話,可能就很容易忽略掉。接下來的這篇文章,將圍繞工作中會用到的幾種性能優化的相關經驗進行介紹。

原创 CSS Grid 網格佈局全攻略

所有奇技淫巧都只在方寸之間。 幾乎從我們踏入前端開發這個領域開始,就不停地接觸不同的佈局技術。從常見的浮動到表格佈局,再到如今大行其道的flex佈局,css佈局技術一直在不斷地推陳出新。其中網格佈局(grid)作爲css3的產物,它更加

原创 Node多版本控制

要實現在一臺機子上多版本的Node控制,可以使用管理工具nvm: 在mac系統只要輸入以下命令就可以了: brew install nvm 而如果你使用的是windows系統,可以選擇在https://github.com/coreybu

原创 正則表達式不要背

正則表達式一直是困擾很多程序員的一門技術,當然也包括曾經的我。大多數時候我們在開發過程中要用到某些正則表達式的時候,都會打開谷歌或百度直接搜索然後拷貝粘貼。當下一次再遇到相同問題的時候,同樣的場景又再來一遍。作爲一門用途很廣的技術,我相信深

原创 理解Redux中間件

中間件是什麼 如果你用過express.js之類的web框架,對中間件(Middleware)這個概念可能不會陌生。中間件其實就是一種獨立運行於各個框架組件之間的膠水代碼。在Express.js或Koa等框架中,中間件通常是運行在收到請求到

原创 讀書筆記《sql必知必會》

檢索 最簡單的查詢語句 select * from [TableName] 排序 降序 select * from [TableName] order by [Field] desc 升序 select * from [TableNam

原创 V8引擎優化機制之隱藏類和內聯緩存

我們知道Javascript作爲一種動態語言,性能方面與c#,Java之類的靜態語言相比存在着一定的差距。而隨着Web技術的發展,對Javascript的執行效率提出越來越高的要求。爲了追求更好的性能,V8引擎借鑑了大量的靜態語言編譯技術來

原创 前端模塊化的前世今生

凡是開發大型應用程序,模塊塊必然是不可或缺的一部分。那麼什麼是模塊化呢?其實模塊化就是將一個複雜的系統分解成多個獨立的模塊的代碼組織方式。在很長的一段時間裏,前端只能通過一系列的<script>標籤來維護我們的代碼關係,但是一旦我們的項目複

原创 程序員繪圖工具-Plantuml

在寫文檔的過程中,經常需要進行畫圖。雖然說現在有很多類似viso之類的可視化畫圖工具,但是還是要花費大量時間在拖拉組件上,效率十分低下。最近在網上找到了一款還算不錯的繪圖工具-- Plantuml, 它本質上是也算一門可以快速畫圖的設計語言

原创 如何利用lerna來管理模塊

當前端項目變得越來越大的時候,我們通常會將公共代碼拆分出來,成爲一個個獨立的npm包進行維護。但是這樣一來,各種包之間的依賴管理就十分讓人頭疼。爲了解決這種問題,我們可以將不同的npm包項目都放在同一個項目來管理。這樣的項目開發策略也稱作m

原创 javascript array.sort兼容性問題

在開發過程中發現,各個瀏覽器上的Array.prototype.sort內部算法實現機制不一樣,導致執行結果有偏差。 根據stackoverflow上的問答和維基百科上的結果,可以知道 chrome 目前採用快排(QuickSort)和插入

原创 react 渲染空白字符

在使用jsx的時候,你可能會發現字符串中的空白字符可能無法被正常渲染出來,此時可以使用不間斷的空格來渲染,頁面渲染後會將空白字符替換成&npsp; 如: " ".replace(/ /g, "\u00a0")