[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)
⏣ 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)
⏣ 套件
---
- [CKEditor 5 文字編輯器](/Zud2T1VCRr6MzW7XL2-CAw)
- [Apache Echarts 圖表套件](/bEmx6BwpSq-eStTpEBUeqQ)
⏣ 快捷鍵
---
- [快捷鍵 - Emmet](/CGRFt5nZRHiz0pK4FtrWuA)
- [快捷鍵 - VScode](/jcF38LngRJ6MZrtNVO5Qhw)
---
###### tags: `前端筆記` `跨領域轉職` `自我成長`
{"metaMigratedAt":"2023-06-16T05:03:14.877Z","metaMigratedFrom":"Content","title":"[Gill's NOTE](/5uXW_4ijTTG4hFfa55zQAg)","breaks":"true","contributors":"[{\"id\":\"19f2c715-daae-4955-b32e-8684b2b3e6b2\",\"add\":9256,\"del\":4385}]"}