React lifeCycle 生命週期

什麼是生命週期？就像人有生老病死，component也有類似這樣的概念，了解生命週期可以讓我們知道如何在「對」的時間做「對」的事。

利用React Suspense & React Lazy來優化載入速度

在build專案的時候，我們會透過webpack將不同模組的component打包成同一支js，但是當專案的規模越來越大，…

export 跟module exports 有什麼差異？

不得不承認剛開始接觸的時候，我會把export 跟module exports…

認識 css 屬性 background-clip

第一次認識這個css屬性是在某一年的apple發表會，看到了文字居然有漸層效果！…

React Functional Component v.s Class Component

原本以為只有class component的寫法，但在看技術文章的時候發現還有一種寫法是functional…

如何實作預覽上傳圖片功能

假使用戶上傳圖片，想要預覽上傳的圖片該怎麼做？以前比較古老的方法是先打api傳送圖片給後端，後端再回傳圖片url給前端接，但這樣一來一往，不但耗費時間，流程也會變得複雜，我們可以利用HTML5提供的方法createObjectURL 和…

React vitural DOM

會特別寫這篇的原因是以前學習框架的時候只學語法而不懂原理，如果被問到使用框架有什麼好處可能也回答不太出來，由於React是透過Virtual…

React css 最重要的小事

今天要來介紹在React裡面有哪幾種撰寫css的方式

方法1:inline-style：

我可以怎麼優化我的程式碼

• function越簡單(簡短)越好

回顧一下自己一年多前寫的程式碼，發現自己真是年輕不懂事，很貪心的想要在一隻function裡面寫完一大堆邏輯，當需要修改需求時再回來看這一段簡直是迷宮，必須從頭開始閱讀到最後才能找到要…

檢測效能的好幫手Chrome Devtool Performance

初次使用這個功能，是因為寫了一個動態效果很多的網頁但非常吃效能，年輕不懂事，每秒create好幾百個DOM在畫面上飛來飛去(好孩子不要學…