Vic's Note
===

筆記說明
---

- [<i class="fa fa-user" aria-hidden="true"></i> &nbsp; 如何瀏覽筆記](/rXaTBhXKS9GeqcoD-N76Ug)
- [<i class="fa fa-file-text"></i> &nbsp; HackMD 功能介紹](https://hackmd.io/features-tw?both#fn1)[target=_blank]

⏣ HTML
---
- [<i class="fa fa-html5" aria-hidden="true"></i> - 標籤元素](/c3FS3Q9WQeOjLdCcXPwDug)
- [<i class="fa fa-html5" aria-hidden="true"></i> - 網頁初始結構](/bzxIq6eJRf6buNpoqLo4QQ)
- [<i class="fa fa-html5" aria-hidden="true"></i> - 標籤選擇](/QYGyd29oQP-DHDHRe1Wwpw)

⏣ CSS 基礎篇
---
- [<i class="fa fa-css3" aria-hidden="true"></i> - 選擇器與權重](/jigt0lTMRjqU2YMYhvHyFw)
- [<i class="fa fa-css3" aria-hidden="true"></i> - 偽元素](/7seBMX1kSrWYV2j17o4CMw)
- [<i class="fa fa-css3" aria-hidden="true"></i> - 預處理器 SASS/SCSS](/PkEZCzYGSHGsSZkH6hMwBw)
- [<i class="fa fa-css3" aria-hidden="true"></i> - 跑版了嗎? 試著調整 flex-shrink / basis / grow](/22iWW3g4RDaAeExgpTYLow)
- [<i class="fa fa-css3" aria-hidden="true"></i> - font-size 屬性預設倍率與單位](/EU7TtpxVTMaCAfs2t3SKDg)
- [<i class="fa fa-css3" aria-hidden="true"></i> - width 與 max-width / min-width](/gl7CmIJ-SPuvaAKsRRoyUg)
- [<i class="fa fa-css3" aria-hidden="true"></i> - 有了 position，放哪都可以](/5yY3gnpeRR2la5blUQrHCg)
- [<i class="fa fa-css3" aria-hidden="true"></i> - 容器大小怎麼變來變去的，到底誰影響了 box-model ?](/euc00OdtRG6AuU6LHcfMNA)
- [<i class="fa fa-css3" aria-hidden="true"></i> - 為什麼元素無法往下推? 原來中了邊距重疊](/oideyb7wQvKee30PtLmNQA)
<!-- - [CSS - 匯入字體] -->
<!-- - [CSS - flexbox - 青蛙或海盜船] -->

⏣ CSS 小技巧
---
- [<i class="fa fa-css3" aria-hidden="true"></i> - 文字取代圖片](/IRfCUCWCTHuEBZURehY5uQ)
- [<i class="fa fa-css3" aria-hidden="true"></i> - 利用 position 與 pointer-events 製作彈跳視窗](/Vmhgsk_cRNqII4RmYJB1Ww)
<!-- - [CSS - 月曆] -->
<!-- - [CSS - 互動視窗] -->

⏣ JavaSctipt 基礎篇
---
- [ES6 變數宣告與全域環境](/uzz7eKAFRrOSOgVLQvZozQ)
- [運算子](/Fq22uWlmRDGujeD-L4zQ1A)
<!-- - [if else] -->

⏣ JavaSctipt 核心篇
---
- [箭頭函式沒有 this，this 到底是誰? - 箭頭函式與 this (上)](/vrViU7i6T427d5WRLcHdtg)
- [箭頭函式與 this (下) - call、apply、bind](/kx7PSiXUSWec4vN_Vuks3Q)
- [為什麼 forEach 無法修改值? - 傳值與傳址](/VobwKAPHR0OX-tceB8LIsw)
- [宣告變數時先後順序 - 提升 Hosting](/UqzZSuKdQK6TgVNT9bdpPQ)
- [你要現在做還是晚點做? - 函式的類型與特性](/RwPX-_-NSb-M5drw4FE82Q)
- [物件屬性細項設定](/JXBJMkiLSMGi38MMJ6ywsA)
- [為什麼 JavaScript 會有那麼多內建語法可以使用? - 原型鏈](/wlZNwLo1QGW3_tgDmDqtfw)
- [給我記住 - 閉包](/TcI_xbm5SZa6MYAAas9gDQ)
- [不同的變數宣告有不同的結果 - 迴圈變數與作用域](/b_aNS5I4QPiryJmbtFDeWg)
- [主角還沒上場，配角怎麼偷跑了? 用 Promise 來改善吧! ](/tSqtesz6QbGoey4kOdgCwg)

⏣ JavaSctipt 事件篇
---
- [拖曳元素](/zsfb-1qRRS2u2OgvOKs6jw)

⏣ 套件
---
- [NPM <i class="fab fa-npm"></i> - 安裝與指令意義](/skSw8vx5TE6UQIVZ26ARYg)
- [<i class="fa fa-folder-open-o" aria-hidden="true"></i> - 紀錄各種好用套件](/AY7NCvqdRUip7MeSGrOCOQ)

⏣ Git
---
- [<i class="fa fa-git" aria-hidden="true"></i> - 環境安裝](/rNp-U67CRlmrJWZOP7-4HA)
- [<i class="fa fa-github" aria-hidden="true"></i> Git 初始化](/j2rDKz_sRzWXc4BhWXGbMg)
- [<i class="fa fa-github" aria-hidden="true"></i> 部署至 gh-pages](/rK5_H_VkTU2k2WewuZGZTg)
<!-- - [Git - git flow] -->
<!-- - [Git - git rebasue 減少 commit] -->

<!-- ⏣ 配合應用
---
- [Gulp]
- [Docker] -->

⏣ 快捷鍵
---
- [快捷鍵 - Emmet](/XHCzgUPdQm-Mwj6XRdYRJA)
- [快捷鍵 - VScode - 新增程式碼片段](/KUfhPxJRQ4qcrlrpvGj48g)
<!-- - [vim] -->

⏣ BootStrap 5
---
- [Bootstrap 通用類別 - API 使用方式](/th_uKVWmSg6ZYzNgKvveYQ)
- [Bootstrap 預設樣式更改](/Py1UItSJQt-j_JqBEsyYqA)

⏣ Firebase
---
- [簡易後端資料庫 - Firebase 資料庫與帳號驗證登入](/ANwsk3JlTyaOXZsnm7al5Q)

⏣ 前端開發樣版
---
- [樣版下載](/yQGof1DlTvuBVSqf4l0u7A)

<!--
- [BootStrap 5]
-
- [Vue]
vue firebase google

-->

#{%hackmd S1DMFioCO %}