[Gill's NOTE](/5uXW_4ijTTG4hFfa55zQAg)
===

⏣ HTML
---
- [HTML - 初始結構](/iKpbRyiBQ2e7XUMmLssxpw)
- [HTML - 標籤元素](/ruX0Df-uTsCHnWBZSQbdLg)

⏣ CSS
---
- [CSS - 選擇器](/QavX33VcThakZu3nxTFzKw)
- [Flex 屬性運用](/ynWVRSvJSvSgDrJO3vvoKg)
- [偽類元素](/ETfT6reASTmdeZ726seGKQ)
- [CSS 變數運用（CSS Variables）](/pAgwnGx4TCys9kQQZM9mXA)

⏣ Tailwindcss
---
- [Tailwindcss 入門與語法](/wFVwA3FcSJGlbUuQeEjGZg)
- [Tailwindcss 客製化](/AFJCpnbZSKm4WyixmWQQtA)
- [Tailwindcss 響應式](/ZM5ZabYGTViHLdIJ9IfsFw)
- [Tailwindcss Flexbox & Grid](/AzVi527JQr-R3QaOzq1fNw)
- [Tailwindcss 字體用法](/OtCZ9Ve8RMGFGQC9jtbl4w)

⏣ JavaScript
---
- [變數的作用域(Scope)](/VbQONJeXSzaVGUbzGx7HDQ)
- [var、let、const 的差異？](/lqGW7ji5RAKZfZB2TnV2Pg)
- [傳值(by Value)？ 傳址 = 傳參考(by Reference)？](/gRtkpq2kQC-dCrKPrPHtZw)
- [比較 Undefined、Null 的差異](/LNlisax6Qiu6fkY3lnp7Tw)
- [加/減/乘/除 算述運算子的「值」與「型別」](/6HLhaUM_Skq6dEnUZyhzjw)
- [「比較運算子」 vs 「邏輯運算子」 一次搞清楚！](/Tme_h-MTSpCFL8_wvZV6Gw)
- [if ... else ... 與 switch 的使用時機](/8r8MvFxcR6mr5BzfFDBfWg)
- [何謂強制轉型？如何作到轉換型別？](/fA1o_nU9Qvan-gH3jDso5Q)
- [表達式 與 陳述式 傻傻分不清楚？](/ta8g-1sfQHe0VY3ukDIMwQ)
- [何謂物件？ 何謂物件取值？ 什麼時機會用上？](/7QKM35RrRNaETgXIhY50Pg)
- [何謂陣列？如何讀取/新增/刪除？ (基礎篇)](/VK9U97UTSbumCNzZJ9PQyA)
- [實用陣列操作大全 (進階篇)](/UHOxn3PcQXGjt8UDBdofOQ)
- [物件陣列的轉換，如何組出你要的資料形式！](/jjqHWuOqSki7EMC61JDPYg)
- [觀看高雄 open data，嘗試解析 JSON 資料結構](/lKp-So7rTJ65yJA9I4IoSg)
- [何謂 Hoisting (向上提升)？](/FvOvw2PzTRuyFKMRGb-WqQ)
- [事件監聽常用種類 - 捕捉、傳遞、冒泡與單次執行](/G4dnyqRLQziXhBdYk3IHdA)
- [match()、正則表達式 (判斷圖片路徑、關鍵字搜尋)](/u_r9tgdtRUyJxzA23dXQeg)
- [data-屬性妙用](/qdGjyFJHQ36rG2b1PU4kqQ)
- [認識時間戳 timestamp & JavaScript 日期轉換](/5Ib-LPfmQXuMQSev9TmpqQ)
- [validate.js 表單驗證 套件](/y9aAhkkBSDiUJK_ScQ-gjQ)
- [條件（三元）運算子](/jnnaZmVQQ2yEnPbHg0KPUg)
- [跨域請求 - 問題筆記](/1qDHTWNZQBCh_Moljc8H1g)
- [單執行緒 & 非同步 - 問題筆記](/QM3fTkEHRqKocFBLvpTynw)
- [字串方法 - String.prototype](/z0MhrVZ9QKKUd7P1zsrYxw)
- [正則表達式 - RegExp](/g9TeV3FAQLu9otg8tDsZtQ)
- [Canvas 畫布應用](/QDibXME1Qq-FZdP5QjPL2A)
- [Console Methods](/fmYLa5GMRyu-G8dhS7hSlQ)
- [滑輪、視窗寬高、子元素位置 - scroll / innerHeight / offsetTop](/_Zm0v-NVRJ-3_pdBi4p83A)
- [LocalStorge](/N1Zic_FUT4Wuh035QqiPlA)
- [修改樣式的方法 - style 屬性、class 屬性、JS 直接寫入](/zDNDKcJqRS6FRlPpEEzHBg)
- [text-cors 查詢 API 是否有跨網域功能 - 問題筆記](/tAILEvH5SR69yBgMX1lbWg)

⏣ Vue
---
- [JavaScript 必學語法 （語法糖 & ES6 新增語法）](/rBtP9Ar3RIOoUPJ2Cfd-yg)
- [ESModule 模組化 - 如何匯出影響如何匯入](/h4FD85XsSMi95wgByNXc2g)
- [建立 Vue.js 環境起手式](/tOTQWhxORz6_piskkDsUMw)
- [Token & Cookie 的簡易應用](/-Qeyf-S6QMG6ljQSIlJ1bw)
- [使用 API 上傳圖片 & FormData() 表單格式](/n7TRbP3NT4i1KkUpfFRUxQ)
- [非同步觀念 / Axios](/Z3peHXN5TPSIQAWn3uSaBA)
- [This 你到底是誰？](/Qy-34Li4Scq-hBRep5hACQ)
- [JavaScript 頁面跳轉 - window.location](/apzpn-t6TcuJo1-tdmiJ7A)
- [Vue 常用指令](/K8hdXaiMTZ61xq6L1GnC8g)
- [生命週期 應用](/5pXhSL95RSarpINcdDKAHQ)
- [Computed & Watch 監聽用法](/o-TrFVxVQnaVhELrnQsFhQ)
- [Vue 元件化](/dtmAKsg4TtyGKOJXwpCvVA)
- [（父子層）元件資料傳遞 Props & Emit 、 Refs](/YqXGJX_FTD6pCVQ9-RsmVQ)
- [Slot 插巢概念 & Slot Props 插巢傳遞資料](/3h-vYpbOShai3SUd0YaXfw)
- [（跨元件）元件資料傳遞 Mitt](/n_YqzleFSyaCNjrKwuithw)
- [進階 Vue API 用法 Ⅰ - teleport, provide / inject, v-model](/C1rm9QCFQ3iuw3Gi5wq4XQ)
- [進階 Vue API 用法 Ⅱ - mixins, extend, directive, plugins](/Ui6b5TSwSl-MCKaF9LVznA)
- [Vue loading - loading 效果外部插件](/U-ZLPYfRTL2u8MUh1B4eKA)
- [VeeValidation - 表單驗證 外部插件](/uLu_r9zHSJyAuq8gPbw9wg)
- [Vue Router 介紹](/Ovn73YfsQdic8MsNV82vgA)
- [Options API 概述 & Methods 方法運用](/wTje8_vWTX2a-ORCB90UFQ)
- [Composition API - ref / reactive / computed](/ZnlDOYakScujNoHc91N6TA)
- [Composition API - components / props / emit](/CBVh-Ue0TJeL42XX8D1-HA)
- [Composition API - Component v-model 雙向資料綁定](/4RPDV0LCR2SfmyVEg2q0kA)
- [Composition API - Composables 共用邏輯](/_bFaGq__RnuOawovYE5Plw)

⏣ Vue Cli
---
- [什麼是 Vue Cli？](/6ITbqtb_Rsye1KhCe_MUTg)
- [Vue Cli 環境安裝](/mDKF-yzNQ5qBamJ7mbb23A)
- [Vue Cli 專案預設檔案](/Kzg9EvcGT6C3c1JEw7NGeQ)
- [Vue Cli 檔案關連性 & 環境變數](/4kZqzF93ROyU8MaXY9IOeA)
- [部署 Vue CLI 專案至 GitHub Pages](/7FHhKvDnSUew-eCslwqFSg)

⏣ Vite
---
- [什麼是 Vite？](/-vl1QLv7RwaQ5amXgJ2nDA)
- [Vite 環境安裝](/2KQU39qvRmWjZV15qdePnQ)

⏣ Nuxt
---
- [什麼是 Nuxt？](/ShlbgCJFRDOt4PVt5wU__w)
- [Nuxt 核心概念](/WGsB3F5FSqy-4LBXBT4nUw)
- [Nuxt3 環境安裝](/Ygl7X8grR92akYVhhKIBPQ)
- [Nuxt3 使用 Tailwind CSS](/tNBONueGT0yq9MHrYKS0-g)
- [pages - 路由規劃](/h0evUPs5TBiYJMURBXNtYg)
- [layouts - 佈局模板](/q-PCPSYNRTCgx1o6EIjpaA)
- [Public & Assets - 靜態資源的管理](/nRNJiCzWQ-CHqA_BFUaheQ)
- [Components - 元件](/rF2OLWnyT-iudQPp9cU1Qg)
- [Composables - 組合式函式](/M3S0VRoKS0upyHBeMstdhQ)
- [Pinia - 狀態管理](/2JVu8SfKRF-6xNk41KMA4Q)
- [Plugins - 插件應用](/FEnhZKfNS1aDcaw5NNyyAw)
- [Middleware - 路由中間件](/M7Wg-jmkQa-yJGlgzYITHw)
- [Sever - 伺服器端接口擴充](/IvPiA_-jT7eXy1qc-57s7g)
- [SEO 搜尋引擎最佳化](/_O8Ew0GHQVm7inZvQQ57jg)
- [Data Fetching - 資料獲取](/ujWa-nIURtGYUlpLZpX-DQ)
- [客製 Loading 頁面](/cl8CqFy3S1ChDJdUcUshXA)
- [Runtime Config & App Config](/bSHr1k79R_-yqig3Zv5rfw)
- [開發階段啟用 https 憑證](/BGbZkugDSd-gIq-q_Ozw4w)
- [多國語系配置](/Td5tLsnlR9-6pAYajIbV5Q)

⏣ TypeScript
---
- [TypeScript 基本介紹](/uYpyqzpnT8qBQmFQ30mhzA)
- [TypeScript 型別系統](/Wi2lHdWtTyWl8mzP4lFMLw)
- [TypeScript 資料型別 - 基本型別 - 原始型別篇 Primitive Types](/N7lXhryHQ_Cj8lXkwNz8Iw)
- [TypeScript 資料型別 - 基本型別 - 物件型別篇 Object Types](/IrqZ-AyGRWu69iRzvkWPzQ)
- [TypeScript 資料型別 - 元組（Tuple）&列舉（Enum）](/VyVv7k_VSc2Mk5yPWFaDUA)
- [TypeScript 資料型別 - 字面值型別（Literal Type）](/pEcvbZq5QZefIQOdFZlLXw)
- [TypeScript 資料型別 - 複合型型別（Union & Intersection Type）](/rAtfMukmTDW7bWqcTtN_xg)
- [TypeScript 型別檢測（Type Guard）](/u4i79IQXRWu_h-40NRPvVA)

⏣ Pinia
---
- [什麼是 Pinia？](/5hjqnsR8SV-Yln-4NjUJ9g)
- [Pinia 環境安裝 ＆ 使用](/a7TrBlZsQh65wkR1_pK13A)
- [pinia-plugin-persistedstate - 持久化存儲插件](/E-95hlNWRwqH3yMbv70Qpw)

⏣ JQuery
---
- [Swiper - 輪播效果](/W85erMAwQLegwMdVqBJPbA)

⏣ RWD
---

⏣ Bootstrap
---
- [如何使用BS5文字響應式](https://hackmd.io/@Zihyin/Front-end-Design-table/https%3A%2F%2Fhackmd.io%2FB2daG0f7QEOCmDp6vc7pvw%3Fview)

⏣ Git & Gulp
---
- [Git - 什麼是Git？](/gxttSEdxSiaiKPRE0SAKxA)
- [Git - 環境安裝](/iuglHhe7Q7et9zIla3GK3Q)
- [Git - 七步驟使用 Git](/ALJR9WU6QqaPLIhmjJZ3uw)
- [Gulp - 環境安裝](/XUy_dWl5SI2nnAYHUUnpMw)
- [使用 SSH 連接上傳 GitHub（ed25519）](/ZjB6OjjPT0mnZcNP9R8B0g)

⏣ 其他
---
- [ESLint - 提升程式碼品質](/aHT6uLdPReuajHNEL3tFOQ)
- [Prettier - 程式碼格式化](/xerlxL3OT02InQqTCa_neA)

⏣ 套件
---
- [CKEditor 5 文字編輯器](/Zud2T1VCRr6MzW7XL2-CAw)
- [Apache Echarts 圖表套件](/bEmx6BwpSq-eStTpEBUeqQ)

⏣ 快捷鍵
---
- [快捷鍵 - Emmet](/CGRFt5nZRHiz0pK4FtrWuA)
- [快捷鍵 - VScode](/jcF38LngRJ6MZrtNVO5Qhw)

---

###### tags: `前端筆記` `跨領域轉職` `自我成長`