gh-pages GitHub Pages 是 GitHub 提供的一個免費服務，專門用來部署靜態網站。簡單說，它的目的就是： ✅「讓你把 HTML、CSS、JS 等前端專案部署到網路上，讓別人可以用網址打開你的網頁。」 前端框架（Vue / React / Vite / Astro 等） 靜態文件、個人作品集 專案文件、簡單部落格 學習用小專 目前確定它只能上靜態網站，因為 GitHub Pages 是靜態伺服器，不知道如何處理 Vue Router 的 history 模式路由（例如 /first-visit）。這是單頁應用（SPA）在部署到 GitHub Pages 上的一個常見問題。

TS 簡易基礎 TypeScript 只會進行靜態檢查，如果發現有錯誤，編譯的時候就會報錯。 基礎 聯合型別 一般來說 ts 的變數宣告只能接受一個特定的值，但如果我給變數設定兩個可接收的型別，那就可以接收兩個型別，下方範例可以看到有兩個型別並且用|分割 let myFavoriteNumber: string | number; myFavoriteNumber = 'seven'; myFavoriteNumber = 7;

以下筆記內容標記 大寫 A 代表 Angular 大寫 compo 代表 component 2025 07 03 紀錄基本上我所有學習紀錄都在=> Sheet 學習紀錄本 A 專案基礎大架構 public file src file pile jsonangular.json 是專案的設定檔

- 關閉Terminal輸入sudo的指令密碼 開啟終端機 輸入sudo visudo 在%sudo這一行最右邊的ALL改成NOPASSWD: ALL image 按Ctrl+O寫入 按Enter輸入 按Ctrl+X退出 root

intro to vue3 git clone下來，在本地端建立分支並連線作者的遠端分支 git checkout -b L2 origin/L2-start vscode安裝extension es6-string-html creating the vue app 課程用的是CDN，官網有提供 import { createApp } from 'vue'

前言 寫完專案進入空窗期，因為看到前輩的面試分享，內容有提到「單元測試」，且其實切版 t7.1 裡，也有提到要對功能做單元測試： 就在這！！ image 所以趁現在有 to do list 這種小型專案，來寫寫看測試吧～ Vanilla JS Unit Test JS17 中，我們寫過了許多單元測試，即是將邏輯利用 function 獨立出來做測試，我可以理解 to do list 中有純邏輯的部份（例如：排序）。咦？結果就只找到排序是純邏輯，這樣只寫一個測試不合理啊，所以我去 Google 到了這篇神Ｑ所寫的文章：

MAC 在 Frame 置中 水平 op + H 垂直 op + v Group 群組 cmd + G 取消 shift + cmd + G Auto layout

Win vs Mac ctrl => cmd alt => option delete => fn + ⬅️ 快捷 force close App => option + cmd + Esc close App => cmd + Q zoom App =>全螢幕:點擊綠色放大 大視窗:option + 放大

:::info 怕忘記隨便記 ::: Vue.js Creating a Vue Application import { createApp } from 'vue' // 這裡import的是component instance import App from './App.vue'

目前理解 vue主要再做串接，就像電話通訊或是插上電源線讓js與html彼此互通 vue很像tailWind，簡單來說就是js的 inline style data()提供界面新用，應用需要根據資料動態更新界面 method() 提供使用者互動的方法，而呈現內容會是data()做的是，比如數字相加在這，而結果在data() computed

限流器 (Rate Limiter) 顧名思義用來限制流量 防止需求過載罩成Dos攻擊 若使用地三方 API ，可降低成本，預防流量所造成的花費 TCP/UDP 傳輸協定，傳送資料時兩種差異 TCP

UML 是一種幫助你「視覺化 OOP 設計」的語言，它不是程式，但它是程式的計畫圖。

簡單來說他是一個 Vue 驗證函式庫，結合表單系統，不須要寫它娘的正規。透過簡單的規則來輕鬆建立表單驗證 Flied 用來取代 input tag 其特色是自動驗證，不用寫V-model等等 //簡單範例 <script setup> import { Form, Field, ErrorMessage } from 'vee-validate' import * as yup from 'yup'

Watson 預防針 每個人看到都不一樣 我目前只說我理解得，所已可以質疑我，可以一起討論 test我沒有看 郭靜 Q1 界面問題點 輸入非數字顯示"今日暫停播放電影" 輸入負數時顯示"今日暫停播放電影"

contenteditable

阿傑推薦的 postman有些功能要付費會員 鵬化推薦的 insomnia 有簡易git功能可以共同協作，可將token環境變數，postman可能也可以，但設定上比較麻煩

使用定位來讓羅盤轉動跟顯示速率，但他介紹的navigator.geolocation.watchPosition()裡面拿到的heading跟speed都是null，所以我跟Chris去找了別的API來接接看，目前deviceorientation這個事件成功了！裡面的alpha只向南邊！！！ 但目前還不知道原因，必須先用點擊事件觸發對裝置的請求（DeviceOrientationEvent.requestPermission()）才能使用deviceorientation跟devicemotion，然後跟Chris實驗的時候嘗試把請求拿掉又可以正常運作，一直到隔天就又失敗了，然後我又發一次請求，之後也不發請求就能用了，所以我還不確定他需要重新發請求的時機： 已經找到需要請求的時機了，只要safari關掉重開就需要請求： const startBtn = document.querySelector("body"); startBtn.addEventListener("click", () => { DeviceOrientationEvent.requestPermission().then(() => { addEventListener("deviceorientation", (e) => { console.log(`rotate(${e.alpha}}deg)`);

Code review by 阿傑 function 不 pure 的問題 原本寫的 // taskStore.js async function postTask(task) { // 關掉add task表單 const globalState = useGlobalStateStore() globalState.isAddingTask = !globalState.isAddingTask

11 Custom HTML5 Video Player 一開始長這樣，什麼也沒有 image 先取得元素 const player = document.querySelector("video"); const video = player.querySelector(".viewer"); const progress = player.querySelector(".progress"); const progressBar = player.querySelector(".progress__filled");