歡迎翻閱 Jacy 的技術筆記,此文彙整所有文章並加上索引
目前有 10個系列,總共 63 篇文章
⛳️
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
- 全端實作-Django+VueJS:整合Django, Vue JS實作一個學習筆記本
CSS 系列
- CSS: Flexbox:筆記整理
- CSS: Grid:筆記整理
- 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插件
- CodeInput套件-(搭配PrismJS):CodeMirror網頁端代碼編輯器平替
🕒 最新文章更新時間:2024/12/17