# YoJanni的<br>轉職前端筆記本
#### [<font color="#aec0fa">珍妮的筆記</font>](/@unayojanni/Bk66r9CAu)
###### tags: `六角筆記王` `前端筆記` `Vue3` `JS`

## 軟體工程知識
- **<font color="white">✐ 認識</font>**
- [電腦常用的數字系統](/@unayojanni/rkMoRcylK)
- [終端機指令 (Mac)](/@unayojanni/HkVEJAyeF)
- [恐怖流量攻擊 Dos/DDos](/@unayojanni/rkNUqwffK)
- [木馬程式是什麼？](/@unayojanni/Bk4WfuMGY)

- **<font color="white">✐ TCP/IP</font>**
- [OSI 與 TCP/IP 歷史](/@unayojanni/r1AT1sBkK)
- [觀看 TCP/IP 結構](/@unayojanni/S1r4N9SyF)
- [瀏覽器如何跟伺服器要資料](/@unayojanni/HJZjeGB1F)
- [頁面登入到 Session / Cookie](/@unayojanni/B1lgMWTWt)
- [傳送 AJAX 流程為舉例](/@unayojanni/SJ_vDGH1Y)
- [如何查看電腦的MAC位址(卡號)？](/@unayojanni/rkrp7VS1t)
- [常見問題統整](/@unayojanni/SyDDv5B1F)

- **<font color="white">✐ Wireshark 網路封包分析軟體</font>**
- [Wireshark 介紹&了解網路請求](/@unayojanni/ry_sO1VkY)
- [TCP/IP 對應 Wireshark](/@unayojanni/B1pezXrJF)

- **<font color="white">✐ HTTPS 與 HTTP</font>**
- [HTTPS 與 HTTP 的差異](/@unayojanni/S10cn5S1Y)

- **<font color="white">✐ DNS</font>**
- [DNS ( Domain Name System )](/@unayojanni/SyoCmoSJt)

JavaScript
---
- [歡迎來到 JavaScript](/@unayojanni/S1M7nURJF)
- **<font color="white">✐ 運算子 (Operators)</font>**
- [陳述式與表達式](/@unayojanni/Hk70T-YfK)
- [指定運算子/一二三元運算子](/@unayojanni/BJZ2p1vkK)
- [比較運算子](/@unayojanni/Syz-kewkY)
- [邏輯與位元運算子](/@unayojanni/r1CV1gvkt)

- **<font color="white">✐ Document Object Model</font>**
- [DOM 在幹嘛？](/@unayojanni/H1uQxGTyt)
- [Element Object 方法](/@unayojanni/rkrDGnoyF)
- [型別有哪些？該如何操作？](/@unayojanni/SyZ5g5wJY)
- [CSS 觸發 transitionend 事件](/@unayojanni/SkaCAD45Y)
- [監聽事件中的 this / event](/@unayojanni/SkIcbEvqt)

- **<font color="white">✐ 陣列與物件整合運用</font>**
- [物件介紹](/@unayojanni/H1cjLTvkt)
- [陣列介紹](/@unayojanni/rk3F-TP1F)
- [陣列的各種操作方法](/@unayojanni/ryUNVTPyt)
- [用 .match() 搜尋資料](/@unayojanni/rypOv8Ift)
- [利用 switch + .sort( ) 重新製作排序資料](/@unayojanni/SkUg1-cGK)

- **<font color="white">✐ 函式</font>**
- [let、const 該用哪個好？](/@unayojanni/SJrrkjoeY)
- [var 跟全域與區域變數的關係](/@unayojanni/BJuyk1OkY)
- [函式的各種型態](/@unayojanni/rJpOlGbeK)
- [物件傳什麼？參考 or 值](/@unayojanni/BkI8Y-3lF)
- [函式回傳值](/@unayojanni/Hko5nTiyt)

- **<font color="white">✐ 同步與非同步</font>**
- [JavaScript和瀏覽器的運作原理](/@unayojanni/B1z0iIQ-F)
- [同步與非同步概念](/@unayojanni/rJJSLROgK)
- [callback function 回呼函式](/@unayojanni/rk_zeLbbt)

- **<font color="white">✐ AJAX</font>**
- [axios 套件教學](/@unayojanni/r10SOkA-Y)
- [常見的 POST 請求 : content-type](/@unayojanni/BJ8CBfAbY)

- **<font color="white">✐ Todo List 準備 JS 觀念複習</font>**
- [自訂屬性 dataset 的妙用](/@unayojanni/rJPnrwRWt)
- [ForEach 搭配箭頭函式寫法](/@unayojanni/BJRcdDCWK)
- [常用埋 ID 使用 Date 物件](/@unayojanni/ry7wqPC-Y)
- [findIndex 獲取索引值](/@unayojanni/S1ihST1fY)
- [DOM 節點上的 classList 物件](/@unayojanni/BkOVQ5xGK)
- [使用 closest 解決只能選到目標子層的複雜結構](/@unayojanni/SkSxRSGfK)
- [keyup - 偵測是否按下特定鍵盤](/@unayojanni/ryyIWnVMK)

- **<font color="white">✐ 時間</font>**
- [setTimeout() & setInterval()](/@unayojanni/B1CiJqScK)
- [建立 Date 指向一個時間點/ 秒針角度製作](/@unayojanni/H1PtU5Hqt)

- **<font color="white">✐ 實作開始</font>**
- [必學 Todo List](/@unayojanni/SyZ4fuEzK)
- [來建立一個蔬菜網](/@unayojanni/B1yZ7OVGY)
- [手動調整數值:root](/@unayojanni/BkmIQJDct)

- [JS 每日任務修煉活動](https://hackmd.io/@w4wBc9wkR4CvPsIeEWiLbg/S1XivuMAu/%2F8o7fKoo-TdKNLqQHapP14g) [target=_blank]

---

Vue3 夏令營
---
- **<font color="white">✐ 介紹</font>**
- [環境建立](/@unayojanni/rJBN7SIyF)
- [比較 Vue.js 與 jQuery 的差異](/@unayojanni/HkVnrr81Y)

- **<font color="white">✐ 起手式</font>**
- [Vue.js ESMoudle v.s 整包載入](/@unayojanni/S1HTyc8JY)
- [Options API](/@unayojanni/H13nQY8yt)
- [Composition API](/@unayojanni/BymeUqKyF)

- [四週帶你掌握 Vue.js 必要觀念](https://hackmd.io/@dbFY0UD9SUeKmNXhWf01ew/BkJoW-hn_/%2FC05go-8iTSS-nrMwKU22kA)[target=_blank]

<!-- - **<font color="white">✐ 指令</font>**
- [渲染於畫面上的方法](/RZ-reKJNR72dmUFayZm4DQ)
- [v-model & 修飾符](/hkQ1ZysUSvKF3_x-NhfeVw)
- [v-model 的表單運用](/qN4oIMMkQsO2ie1giwBYUA)
- [v-on：事件觸發 & 修飾符](/lNHElVt6Q0eb74IaY_7dZQ)
- [v-bind：參數](/Ch0vLI9BR46Ha9RtfC10Vw?view)
- [v-if](/P5jjahJBRtyeDCbP-WbekQ)
- [v-for](/wxz8ICLYTZWoJxcc18_cYQ) -->

<!--
## ✐
### ➤
#### ➷
link： <font color="blue">
highlight: <font color="red">
-->
{%hackmd @unayojanni/r1PmKYtkF %}