文章列表

algorithm

• [教學] Quick Sort 演算法原理與實作
• [教學] 三種 Interative Binary Tree Traversal 的方法 (In-Order, Pre-Order and Post-Order)
• Caterpillar Method
• Min Abs Sum
• 最大子數列問題 (Maximum Subarray Problem) 及Kadane's Algorithm
• 0 mod n Sum Subset Problem

android

• [教學] 如何將 React Native Android App 打包成 apk 並發布上架至 Google Play Store (2020年更新)

book

• 《最高學以致用法：讓學習發揮最大成果的輸出大全》讀書心得
• 讀書心得：打造超人思維，智商如何從 100 提升到 1000
• 《Clean Code 無瑕的程式碼 中文版》介紹＋讀書心得：簡單 10 個日常小技巧，讓你寫出可讀性高、容易維護的程式碼

css

• [教學] 純CSS平行四邊形
• [教學] 純CSS iOS開關
• [教學] 純CSS氣泡提示框

d3

• [教學] 在React元件中使用d3圖表

data structure

• [教學] 三種 Interative Binary Tree Traversal 的方法 (In-Order, Pre-Order and Post-Order)

dynamic programming

• Min Abs Sum
• 最大子數列問題 (Maximum Subarray Problem) 及Kadane's Algorithm

ios

• Provisioning profile 是什麼? 如何設定 provisioning profile?

javascript

• JavaScript 變數 - JavaScript 程式教學 / JS Tutorial
• JavaScript 程式結構 - JavaScript 程式教學 / JS Tutorial
• 如何開始寫 JavaScript - JavaScript 程式教學 / JS Tutorial
• JavaScript 教學 - JavaScript 程式教學 / JS Tutorial
• JavaScript 開發者都該會的 7 個好用陣列方法
• 前端工程師都該懂的6個網頁載入加速技巧 (加速 30% 真實案例分享)
• [教學] JavaScript 中的 Hoisting 是什麼意思？let const var 的差異居然是這個？
• [教學] JavaScript 中的 this 是什麼？
• [教學] CORS 是什麼? 如何設定 CORS?
• [教學] 什麼是 Cookie？如何用 JS 讀取/修改 document.cookie?
• [教學] @babel/preset-env 設定
• [教學] JavaScript Prototype (原型) 是什麼？
• [教學] Web Share API - Navigator.share() 介紹
• [教學] 如何用 Intersection Observer API 實作 Infinite Scroll/Lazy Loading
• [教學] Element.getBoundingClientRect()
• [教學] 一次搞懂 clientHeight/clientWidth/offSetHeight/offsetWidth/scrollHeight/scrollWidth/scrollTop/scrollLeft 的區別
• [教學] Quick Sort 演算法原理與實作
• [筆記] 如何正確實作 JavaScript Array Random Shuffle 亂數排序演算法
• [教學] 深入淺出 JavaScript ES6 Class (類別)
• [教學] 3個JavaScript的call()和apply()的應用範例
• [教學] JavaScript Closure (閉包)、函式與語彙環境
• [教學] 瀏覽器事件：Event Bubbling, Event Capturing 及 Event Delegation
• [教學] 如何使用 JavaScript Promise 簡化非同步流程
• [教學] JavaScript new、Function Constructor (建構函式) 及 Object.create()

jekyll

• [教學] 用Github Pages和Jekyll快速建立免費部落格

react

• [教學] 如何設定 Webpack HMR + React Hot Loader (2020更新)
• [教學] 如何將 React Native Android App 打包成 apk 並發布上架至 Google Play Store (2020年更新)
• [教學] Webpack基礎設定 (支援ES6、ESLint)
• [教學] 正規化 (Normalize) Redux State
• [教學] Redux Middleware Chain
• [教學] Redux Selector
• [教學] Redux如何和React Router搭配使用
• [教學] 在React元件中使用d3圖表

react native

• [教學] 如何將 React Native Android App 打包成 apk 並發布上架至 Google Play Store (2020年更新)

rwd

• [教學] 用 img srcset 與 HTML5 picture，讓圖片也能RWD

web browser

• [教學] CORS 是什麼? 如何設定 CORS?
• [教學] 什麼是 Cookie？如何用 JS 讀取/修改 document.cookie?
• [教學] Web Share API - Navigator.share() 介紹
• [教學] 如何用 Intersection Observer API 實作 Infinite Scroll/Lazy Loading
• [教學] Element.getBoundingClientRect()
• [教學] 一次搞懂 clientHeight/clientWidth/offSetHeight/offsetWidth/scrollHeight/scrollWidth/scrollTop/scrollLeft 的區別
• [教學] 深入淺出 Preload, Prefetch 和 Preconnect：三種加快網頁載入速度的 Resource Hint 技巧
• [教學] 瀏覽器事件：Event Bubbling, Event Capturing 及 Event Delegation
• [教學] 用 img srcset 與 HTML5 picture，讓圖片也能RWD
• [教學] 瀏覽器轉譯/渲染(Browser Rendering)原理

webpack

• 前端工程師都該懂的6個網頁載入加速技巧 (加速 30% 真實案例分享)
• [教學] @babel/preset-env 設定
• [教學] 如何設定 Webpack HMR + React Hot Loader (2020更新)
• [教學] Webpack基礎設定 (支援ES6、ESLint)