Archives
目前總共有 118 篇文章 ʕ•̀ω•́ʔ✧
2024
2023
- Dec 來去電影院 2023
- Nov 使用 Next Image 最佳化圖片
- Oct 使用 Prettier 與 ESLint 自動對 JavaScript 排版與除錯
- Sep Next.js 的 "_document.js" 檔案使用紀錄
- Aug 一起來試試看 NextJS 的 "useSWR" Hook 吧！
- Jul Next.js 預先渲染頁面與資料取得方式
- Jun 基於檔案的 Next.js 頁面路由
- Apr React Router V6 - Form & Action
- Mar React Router V6 - Fetch data with Loader
- Mar React Router V6 - Setup Routes
- Feb JavaScript Object Snippets
- Jan The JavaScript Array Methods Handbook
2022
- Dec 2022 年度回顧
- Oct [React] Debouncing with useCallback Hook
- Sep 為什麼在 Ant Design 使用 styled-components 傳遞 Boolean Props 會出現警告
- Aug 為什麼 React State 在 Event Listener 中沒有正確更新
- Jun Deploying React Apps over Firebase Hosting
- Apr 升級 React Router v6 筆記
- Apr 瞭解 React Router V5 基礎知識
- Mar Redux Toolkit with Action Creator Thunk
- Mar 使用 Redux Toolkit 更有效率地撰寫 Redux
- Mar React Redux with Class-based Components
- Mar React Redux with Functional Components
- Feb React Redux 基本配置與概念介紹
- Feb React Code Reuse - Custom Hooks
- Jan 在 React Class-based Components 中使用 Error Boundary 處理錯誤
- Jan React Class-based Components 的生命週期（Lifecycle）
- Jan Introduction to Class-based Components
2021
- Dec 2021 年度回顧
- Dec Sending Http Requests feat. Star Wars API
- Dec Introducing useMemo
- Dec Introducing React.memo
- Oct 使用 React Context 處理全域狀態
- Oct 更強大的 React 狀態管理工具 useReducer Hook
- Oct Understanding React's useEffect Hook
- Oct Forms in React
- Oct 關於 React Refs 的概念，以及如何 Forwarding Refs
- Sep Cleaner Code with React Fragments & Portals
- Sep Styling React Components
- Sep [React] Lifting The State Up
- Sep [React] 正確地使用 State 與 useState Hook
- Sep ES6 Class & Extends 與 ES7 現代寫法
- Aug 瞭解 Spread & Rest Operator 與 Destructuring 的用法
- Aug ES6 Modules - Exports & Imports
- Jul JavaScript ES6 箭頭函式與傳統函式的差異
- Jul 使用 Mockoon 快速建立 Mock APIs
- Apr Vue 3 Methods × Computed × Watch
- Apr Understand JavaScript #25 解析 toString() 方法 ft. typeof, instanceof
- Apr Understand JavaScript #24 ES6 Class
- Apr Understand JavaScript #23 使用 Object.create 建立多層繼承
- Apr Understand JavaScript #22 內建的函式建構子
- Apr Understand JavaScript #21 使用建構式自定義原型
- Apr Understand JavaScript #20 物件導向與原型繼承
- Apr Understand JavaScript #19 Functional Programming ft. Underscore, Loadsh
- Apr Understand JavaScript #18 bind()、call() 與 apply()
- Apr Understand JavaScript #17 回呼函式 (Callback Function)
- Apr Understand JavaScript #16 函式工廠 (Function Factory)
- Apr Understand JavaScript #15 閉包 (Closure)
- Mar Understand JavaScript #14 立即呼叫的函式表達式 (IIFEs) 與安全程式碼
- Mar Understand JavaScript #13 函式參數與 arguments、spread
- Mar Understand JavaScript #12 物件 × 函式 × this
- Mar Understand JavaScript #11 傳值和傳參考
- Mar Understand JavaScript #10 函式就是物件 (Functions Are Objects)
- Mar Understand JavaScript #9 物件實體語法 (Object Literal Syntax)
- Mar Understand JavaScript #8 運算子 (Operators)
- Mar Understand JavaScript #7 型別 (Types)
- Feb Understand JavaScript #6 Event Loop
- Feb Understand JavaScript #5 範圍鏈 (Scope Chain)
- Feb Understand JavaScript #4 Execution Context - How JS Works Behind The Scenes
- Feb Understand JavaScript #3 Name-Value Pair
- Feb Understand JavaScript #2 語法作用域 (Lexical Scope)
- Feb Understand JavaScript #1 How JS Reads Code
- Feb Understand JavaScript #0 目錄
2020
- Dec 2020 年度回顧
- Nov 使用 Quasar CLI 建構 SSR 網站
- Nov 如何避免在按下 Enter 時自動換行
- Jul 使用 vue-tribute 實作標記功能
- May Vue.js 使用 v-bind 動態綁定 Class、Style 與各種屬性
- May 終結內容農場！透過瀏覽器套件避免你誤入農場
- May 在 Quasar 使用全域 Filter 過濾器
- Apr 客製化修改 Quasar Framework 元件樣式
- Mar 使用 Vuex 模組化管理資料
- Feb 使用 Vuex 管理資料狀態
- Feb 透過 CSS Animation 製作打字動畫與閃爍游標
- Jan 開放資料與 SDG-16
2019
- Dec Vue.js 使用 Filter 自訂資料呈現格式
- Nov Vue.js 使用 Emit 由內向外傳遞資訊
- Nov Vue.js Props - 由外到內的資料傳遞
- Nov Vue 生命週期 (Lifecycle)
- Oct Vue.js Methods、Computed 與 Watch 的差異
- Oct Learn Git Branching - 學習 Git Branch 的小遊戲
- Oct JavaScript var & let & const 的特點與差異
- Oct Vue.js v-for 使用細節
- Oct Vue.js Event Modifier
- Oct Vue.js 呈現資料的幾種方法
- Oct Git 常用指令大全
- Oct Git 同步遠端數據庫
- Oct Git 分支、標籤、暫存檔案
- Oct 基本 Command 操作與 Git 指令
- Oct NUK JavaScript #5：AJAX 撈取資料
- Sep NUK JavaScript #4：陣列、物件、for
- Sep NUK JavaScript #3：運算子、if-else 條件式
- Sep NUK JavaScript #2：函式 (Functions)
- Sep NUK JavaScript #1：let、const、型別
- Aug JavaScript 兩個等號與三個等號有什麼不同
- Aug CSS 盒模型 (Box Model) - 讓版面控制更容易
- Jul Operating System: Synchronization
- Jul Operating System: Scheduling
- Jul Operating System: Multi-programming
- Jul Operating System: Process
- Jul Operating System: Introduction