原创 手寫webpack 讀取入口文件 解析依賴 遞歸生成依賴圖 根據依賴圖,打包生成文件 參考資料

webpack是近幾年前端比較流行的打包工具,基本上是目前所有前端都必須要掌握的開發利器。不過,光停留在使用工具的階段上,是難以得到成長的。因此,這篇文章將帶大家手把手自己實現webpack的核心功能。 其實,webpack的核心功能是分爲

原创 如何使用React來開發拖拽組件 理解HTML5 拖放API 實現Drag組件 實現Drop組件 添加拖放效果 進一步完善 參考資料

拖拽組件是在前端開發中十分常見的一個功能,現在無論你是使用React還是Vue,都有很多現成的拖拽組件可以使用。不過,有些時候你可能還是需要自己去實現,那麼就必須需要理解其實現原理。接下來這篇文章,我將詳細介紹如何使用React框架來實現一

原创 GraphQL 入門 爲什麼要使用GraphQL 核心概念 生態以及工具 如何使用 參考資料

爲什麼要使用GraphQL GraphQL是由Facebook團隊在2015年開源推出的一套用於替代傳統的REST API的框架。利用它能夠大幅提升開發效率以及應用性能。設想這樣一個場景: 你想要獲得一個用戶的朋友的國家信息,如果你使用的是

原创 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, 它本質上是也算一門可以快速畫圖的設計語言