歡迎翻閱 Jacy 的技術筆記，此文彙整所有文章並加上索引
目前有 10個系列，總共 60 篇文章
⛳️
JavaScript 系列
- JavaScript 模組系統：學習 JS 模組及比較
- JavaScript 執行環境 & 詞彙環境：JS 筆記
- JavaScript 物件 & 函數：JS 筆記
- Callbacks, Promises, Async Await：筆記整理
- JS 筆記 splice()、slice()、split()
- NodeJS, Express 重點整理：介紹及特點整理
資料結構系列
Vue 系列
- Vue 重點筆記：筆記整理
- 用 Vue Router 實作網頁切換(上)：認識 Vue Router & 搭建環境
- 用 Vue Router 實作網頁切換(中)：學習 Nested Routes
- 用 Vue Router 實作網頁切換(下)：返回上頁功能 & 404頁面
- 學習 Vuex 狀態管理模式(上)：認識 Vuex & 搭建環境
- 學習 Vuex 狀態管理模式(中)：state, mutations, getters
- 學習 Vuex 狀態管理模式(下)：actions, modules
- 探索 Vuetify 介面框架(上)：認識 Vuetify & 搭建環境
- 探索 Vuetify 介面框架(下)：實作套用框架練習
- Vuetify-Multiline Header：基於 Vuetify 客製雙層表頭
- Vuetify-DataTable Header 全選/全不選：使用v-slot情境下實作show-select
- Vue.js + axios 介紹與實作(上)：實作 JSON-server included, GET, POST
- Vue.js + axios 介紹與實作(下)：實作 DELETE & PUT
- Vue 除錯-Chrome + VScode：彙整兩種除錯方法
- 通用應用框架 Vue Nuxt：介紹與實作
React 系列
- React介紹1：初探React簡介& JSX語法
- React介紹2：比較 function, class component & 組件生命週期
- React實作：實作Todo App
- React-Bootstrap & react-bootstrap：React加上bootstrap之兩種方法
- React.js + axios 介紹與實作(上)：實作 JSON-server included, GET, POST
- React.js + axios 介紹與實作(下)：實作 DELETE & PUT
D3.js 系列
- D3.js 資料視覺化工具(上)：認識 D3.js 基本用法
- D3.js 資料視覺化工具(中)：學習 SVG 製圖、 刻度 & 軸
- D3.js 資料視覺化工具(下)：實作 Bar chart & Pie chart
- 動手實作 D3.js 練習-紅綠燈：手把手練習 SVG 製圖
- 動手實作 D3.js 練習-運動場：手把手繪製地圖 & 標示資料
- D3.js 範例學習-阿爾罕布拉宮：學習 mini map zoom, brush 功能
- D3.js 範例學習-健身追蹤器：串接 Firebase，實時數據
- Vue + D3.js -專案發想實作：串接 Firebase， 打造收入追蹤器
專案記錄系列
- SPACE-電商平台實作(上)：Vue.js+Firebase 專案記錄
- SPACE-電商平台實作(下)：Vue.js+Firebase 專案記錄
- 日期時間選擇器：Tempus Dominus Bootstrap 4 Datetime Picker
- 進度條/時間倒數：Bootstrap 4 Progress Bar
- Echarts-繪製熱力圖：客製化 Heatmap
- Vue i18n 多國語系：專案開發筆記
- Vue Spinner：Vue 專案新增客製化 Spinner
- 選擇檔案操作控制：專案開發筆記
- 全端實作-MEVN：整合練習Mongo DB, Express JS, Vue JS, Node
CSS 系列
- CSS: Flexbox：筆記整理
- Tailwind CSS 介紹與實作：v3 介紹與實作
- Tailwind CSS 關燈模式：實作關燈模式
- Tailwind CSS — Tailwind Elements：介紹與實作
Django 系列
- Django+JWT驗證(上)：Django Rest Framework搭配Simple JWT
- Django+JWT驗證(下)：Django Rest Framework搭配Simple JWT
Python 系列
- Python-Logging模組介紹：開發者的記錄事件工具
其他
- 網頁載入過程：筆記整理
- CodeMirror：實現網頁端代碼編輯器
- w2ui 資料表：適合讀取大量資料的資料表
- Monaco Editor：實現網頁端代碼編輯器(類VSCode)
- Walkers原生JS實現拖曳縮放元素：移動框並印出位置
- 製作網頁相關工具：實作網站藉由Recraft工具及Figma插件
🕒 最新文章更新時間：2024/03/19
