React 學習筆記 - 路由 ( Router ) - Part's 5
路由的原理 路由的原理，依據 url 請求，動態去載入相對應的元件。 安裝 react router ( 最常見 ) npm install react-router-dom --save // 基於 react-router 實作的 lib npm install @types/react-router-dom --save-deve // 官方沒提供 使...
Hi, I’m Mark.Ku
擁有豐富網站開發經驗，直播系統、POS系統、電子商務、平台網站、SEO，專業的網站開發鐵三工程師。
Latest Posts
React 學習筆記 - 何謂 React Hook、副作用、Loading、錯誤處理、上下文關係(Context) - Part's 4
何謂 React Hook Hook 是 React 16.8 中增加的新功能。它讓你不必寫 class 就能使用 state 以及其他 React 的功能。 (from 官方文件) 並「函式」來複用邏輯的概念，重新設計元件，更新粒度更細，讓程式碼更清晰, 並逐步將 class component 替換成函式型元件 Function Component。 何副...
React 學習筆記 - state、props、setState、binding this - Part's 3
state 和 props 的區別 在 react 中會觸發重新渲染的主要是 props 及 state 1. props 是元件外部傳入的參數，只讀屬性， 是不可變的 ( Immutable )，一但建立就不可變，只能透過銷毀，重建改變數據，通過判斷記憶體地址是否一致，來確認對象是不是有經修改過。 2.state 元件私有的狀態，主要用元件內部資料...
React 學習筆記 - 框架優勢、XSS、CSS in JS 使用方式 - Part 2
react 學習筆記 react 框架的成功關鍵 雙向挷定的問題 雙向挷定主要透過數據的改變，動態改變 UI ，應用程式越來大，大多數情況不需要雙向綁定，反而造成效能的消耗，數據也越來越不好控制。 Angular - AngularJs 雙單向數據，衍伸的問題太多，Angular 2 以後也採單向數據流。 Vue - 單向數據流框架，v-model 只是語法糖，...
使用 dotnet 開源 Imageflow ，輕鬆透過 query string 達到栽切、壓縮圖片、浮水印及格式轉換
問題 觀察許多電子商務網站時，常發現許多圖片大小不一，甚至在上圖時，可能使用者忘了壓縮，而上傳到一張非常大的圖，用戶在較差的網路環境下，為了等待圖片，影響了網頁的載入速度及使用體驗。 圖檔過大解決方案 解決大圖檔一共有幾個解法，像 後台上傳前檢查 雲端空間圖床api(阿里雲) cloudflare image resize api webpa...