原创 NestJS入門

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 做過 Java EE 開發的朋友對 Spring 框架應該很熟悉了,它全面的功能和優秀的設計是得以廣泛流行的原因。它通過靈活使用控制反轉、依賴注入和麪向切面編程等設計理念,極大的規

原创 正則表達式使用筆記

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 正則表達式在做一些小工具的時候特別實用,但想掌握好並不是一件容易的事情。最近又專門花時間學習了下,順手記錄一些心得。 二、筆記 好用的測試網站:https://regex101.

原创 你不知道的 useCallback

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 對於新手來說,沒寫過幾次死循環的代碼都不好意思說自己用過 React Hooks。本文將以useCallback爲切入點,談談幾個 hook 的使用場景,以及性能優化的一些思考。

原创 React Hook 搞定 Race Condition

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 Race Condition 是開發中經常遇到的問題,比如查詢天氣的時候,先輸入“北京”,再輸入“深圳”,這時將發起 2 個請求。很可第一個請求花的時間比第二個請求長,如果不做處理

原创 代碼整潔之道

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 最近在做一些項目重構的工作,看了不少髒亂差的代碼,身心疲憊。本文將討論如何編寫整潔的代碼,不求高效運行,只求可讀性強,便於維護。 二、爲什麼要寫簡潔的代碼 作爲一個合格的程序員,寫

原创 服務器虛擬化技術演進

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 服務器虛擬化技術是雲計算的基石,在最大化利用硬件資源的同時,又降低了使用成本,讓系統具備彈性伸縮能力,促使現代系統的架構出現了革命性的變化。無論是微服務架構還是服務網格架構,都是在

原创 React Fiber 數據結構詳解

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 之前寫的一篇文章,React Fiber 原理介紹,介紹了 React Fiber 的實現原理,其中的關鍵是使用Fiber鏈的數據結構,將遞歸的Stack Reconciler改寫

原创 再談談 Promise, setTimeout, rAF, rIC

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 Promise, setTimeout, requestAnimationFrame, requestIdleCallback 這幾個概念相信很多人都很熟悉了,最近在看 React

原创 React Hooks 解析(下):進階

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 React Hooks 是從 v16.8 引入的又一開創性的新特性。第一次瞭解這項特性的時候,真的有一種豁然開朗,發現新大陸的感覺。我深深的爲 React 團隊天馬行空的創造力和精

原创 React Hooks 解析(上):基礎

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 React Hooks 是從 v16.8 引入的又一開創性的新特性,我深深的爲 React 團隊天馬行空的創造力和精益求精的鑽研精神所折服。剛開始瞭解這特性的時候,真的有一種豁然開

原创 Next.js 入門

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 當使用 React 開發系統的時候,常常需要配置很多繁瑣的參數,如 Webpack 配置、Router 配置和服務器配置等。如果需要做 SEO,要考慮的事情就更多了,怎麼讓服務端渲

原创 前端權限控制

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 在成熟的電商系統中,權限管理是不可或缺的一個環節。靈活的權限管理有助於管理員對不同的人員分配不同的權限,在滿足業務需要的同時保證敏感數據只對有權限的人開放。筆者最近對系統的權限管理

原创 React Fiber 原理介紹

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 在 React Fiber 架構面世一年多後,最近 React 又發佈了最新版 16.8.0,又一激動人心的特性:React Hooks 正式上線,讓我升級 React 的意願越來

原创 React 最佳實踐

歡迎關注我的公衆號睿Talk,獲取我最新的文章: 一、前言 在日常開發和 Code Review 的時候,常常會發現一些共性的問題,也有很多值得提倡的做法。本文針對 React 技術棧,總結了一些最佳實踐,對編寫高質量的代碼有一定的參考作用

原创 深入理解Flex佈局 -- flex-grow & flex-shrink & flex-basis

一、前言 最近在項目裏遇到了一個 Flex 佈局的問題,才發現自己對它的理解還是停留在淺顯的水平,遇到一些特殊情況就不知道如何處理。於是找了些資料深入學習一下,然後將我的學習心得總結成這篇文章。 二、問題還原 先講講我遇到的問題。我希望實現