原创 我們需要Redux for Hooks嗎 和 2019 React conf 漫談

前言 在學Redux之前,我其實用Vuex做過一些東西,關於Vuex,核心其實是三點,mutations, actions, states, 對於Redux我們同樣有一份類似的圖: 關於redux的內容這裏不做太多討論,因爲已經

原创 PWA 簡介和個人看法

前言 想起這個思路的緣由是在medium上看到很多關於PWA的文章,但是國內接受度似乎還不高,因此我也沒太在意,看了下PWA的簡潔,知道它的一些優點之後就沒打算深入學習。直到今天看見一篇文章這樣形容PWA: 可以把它(PWA)理

原创 LeetCode 606 根據二叉樹創建字符串

你需要採用前序遍歷的方式,將一個二叉樹轉換成一個由括號和整數組成的字符串。 空節點則用一對空括號 “()” 表示。而且你需要省略所有不影響字符串與原始二叉樹之間的一對一映射關係的空括號對。 示例 1: 輸入: 二叉樹: [1,2,

原创 LeetCode 605 種花問題

假設你有一個很長的花壇,一部分地塊種植了花,另一部分卻沒有。可是,花卉不能種植在相鄰的地塊上,它們會爭奪水源,兩者都會死去。 給定一個花壇(表示爲一個數組包含0和1,其中0表示沒種植花,1表示種植了花),和一個數 n 。能否在不打

原创 Antd 使用時的一些小錯誤彙總(持續更新)

貌似是因爲React版本的變遷,使用antd時會出現很多莫名其妙的小錯誤,這裏彙總一下,目前正在用Antd+React+Nest.js+MongoDB寫自己的博客,CSDN更新速度會放緩,這月目標是寫40篇左右吧. 首先是使用Antd組件

原创 LeetCode 598 範圍求和2

給定一個初始元素全部爲 0,大小爲 m*n 的矩陣 M 以及在 M 上的一系列更新操作。 操作用二維數組表示,其中的每個操作用一個含有兩個正整數 a 和 b 的數組表示,含義是將所有符合 0 <= i < a 以及 0 <= j < b

原创 React Hooks學習日記

Reacthooks作爲一個比較新的React特性,一定程度上是對React做了一次較大程度的更新,在很多方向都給React的寫法提供了新的思路,這裏舉個小例子: /* * @Date: 2019-10-15 10:31:13 *

原创 寫個博客吧(ReactHooks+MongoDB+Nest.js+Antd)前端UI構建的思考

前言 不得不說,有些東西你覺得學會了,然而做出來的可能還是一塌糊塗。 ReactHooks 其實個人覺得Hooks的一些東西很整潔,真的是非常喜歡,勝過Vue,但是可能有一些麻煩的地方,就比如我在使用Antd的"Affix"時就會

原创 一文帶你瞭解Next.js的強大

Next.js作爲當前非常火熱的React的服務端渲染框架,到底有什麼強大的地方呢,我們又如何使用hooks的特性去編寫 Next.js 的業務邏輯呢,彆着急,慢慢向下看。 注意,關於服務端渲染(SSR)的內容我在之前的Nuxt.js中有

原创 ReactHooks, Next.js 與 Axios一起使用的問題

前言 關於ReactHooks的介紹這裏就不多說了,同時網上也有很多關於如何把React和Axios結合在一起使用的教程,近來也有很多如何使用ReactHooks和Axios一起使用的教程,這些教程獲取接口數據的方式大多是用生命週

原创 初學React遇到的幾個小坑分析

React作爲目前世界上最火的前端框架,不學那是不稱職滴,今天整理了一下我初學React過程中遇到的幾個小坑,因爲React是我最晚學習的一門框架,所以中間還會穿插一下與NG和Vue的對比,開始吧。 目錄 數據流雙向綁定的問題 JSX代碼

原创 CSS 那些你必須知道的知識 (字體,Auto)

前言 對於前端開發,或許流暢是最需要關注的問題,但是美觀也是你需要關注的一部分,包括移動端等適配,這部分實現的基石便是CSS技術。 字體 字體可能是前端萌新們最容易忽略的一點,平時寫網頁的時候就覺得找適合自己的個性化的字體就好啦,

原创 LeetCode 599 兩個列表的最小索引總和

假設Andy和Doris想在晚餐時選擇一家餐廳,並且他們都有一個表示最喜愛餐廳的列表,每個餐廳的名字用字符串表示。 你需要幫助他們用最少的索引和找出他們共同喜愛的餐廳。 如果答案不止一個,則輸出所有答案並且不考慮順序。 你可以假設總是存在

原创 LeetCode 594 最長和諧子序列

和諧數組是指一個數組裏元素的最大值和最小值之間的差別正好是1。 現在,給定一個整數數組,你需要在所有可能的子序列中找到最長的和諧子序列的長度。 示例 1: 輸入: [1,3,2,2,5,2,3,7] 輸出: 5 原因: 最長的和諧數組是:

原创 Nest博客後臺接口和與React前端的交互

前言 最近做完博客接口,主要是文章列表和詳情的接口,使用Typegoose和swagger配合Nest.js,然後用mongo express生成了一些可以操作的數據,利用axios配合前臺完成了數據交互,把文章列表和詳情頁做了出