一、什麼是 AngularAngular 是一個開源的前端框架，由 Google 開發，用於構建 Web 應用程序。Angular 是一個基於 TypeScript 的前端框架，它的目標是簡化 Web 應用程序的開發和測試。Angular 提供了一個完整的解決方案，包括數據管理、路由、測試、動畫、表單等功能。 二、Angular 特點Angular 具有以下幾個特點： 模塊化：Angular 應用程序是由多個模塊組成的，每個模塊都有自己的功能和職責。這樣可以使代碼更加模塊化，易於維護和擴展。 組件化：Angular 應用程序是由多個組件組成的，每個組件都有自己的模板、邏輯和樣式。這樣可以使代碼更加組件化，易於重用和測試。 雙向數據綁定：Angular 提供了雙向數據綁定功能，可以實現模型和視圖之間的數據同步。這樣可以使應用程序的開發更加高效和方便。 依賴注入：Angular 提供了依賴注入功能，可以實現組件之間的解耦。這樣可以使代碼更加模塊化、可測試和可維護。 路由管理：Angular 提供了路由功能，可以實現單頁應用程序（SPA）的開發。這樣可以使應用程序的性能更好、用戶體驗更好。 ...

進入網頁世界時候，常常問到什麼是 CDN或者是Reset Css。 1. CDN -內容傳遞網路 (Content delivery network)是指一種透過網際網路互相連接的電腦網路系統，利用最靠近每位使用者的伺服器，更快、更可靠地將音樂、圖片、影片、應用程式及其他檔案傳送給使用者，來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。這是一種內容在網路上傳輸的快取機制。 優點 加速網頁瀏覽效能：因為已經將緩存資料放在最近的機房中，不需要重新像伺服器讀取 有效分流(頻寬)：當所有用戶都不再向同一個伺服器讀取資料，大幅降低集中流量 網站穩定度：網站流量分散後，網站的穩定度大幅提高，即使短暫當機也不怕用戶無法使用 安全性增加：因網站透過CDN分散出去，駭客較難直接攻擊網站本體 2. Reset Css在 W3C 制訂 HTML 與 CSS 規格時，並沒有強制規定各家瀏覽器應該怎樣實作每一個 HTML tag 的 CSS 預設樣式，只有提供資訊參考的範例，加上IE 獨霸的時期，那時候還沒有其他瀏覽器， CSS Reset 的需求主要落在 IE 各版本之間的調整，後來 Firefox ...

前言最近因為專案要用 release 資訊，我們這邊做法是利用 commit 來控管 release 版本，以下作法是利用 git log 抓取 commit 資訊。 一、git log1-1 抓取區間 - 日期因為 commit 可能因為版本過多，我們可以透過以下方式處理。 1git log --oneline --pretty=format:"%h %ad | %s%d [%an]" --date=short --since="2024-04-01" --before="2024-04-10" 1-2 抓取區間 - SHA如果是要抓取特定版本，可以透過 SHA 來抓取。 1git log --oneline --pretty=format:"%h %ad | %s%d [%an]" --date=short 1b2e3c4..5a6b7c8 二、補充2-1 online–oneline 是 git log 命令的一個選項，它會將每個提交的輸出縮短為一行。這對於查看項目的提交歷史非常有用，因為它可以 ...

前言如何使用 node js 快速建立一個API 環境，原則上這塊之前要 publish 但是近期比較繁忙沒時間把內容補齊。最近有看到不少社群網站提到 minimal api ，這便就先用 Node JS 來起頭。 一、 Node Js + PNPM近期使用 pnpm 效能、容量、速度上相當滿意，未來會使用 pnpm 居多。若沒有看過 pnpm 可以到前幾篇有 pnpm vs npm 安裝說明。 1-1 node expressExpress 是一個 Node.js 的 Web 應用程式框架，提供了一系列強大的功能，幫助你建立各種 Web 應用程式。Express 應用程式是基於中間件的，可以使用內建的中間件，也可以使用第三方中間件。 Express 主要特點包括： 中介軟體函數：是一些有權存取要求物件 (req)、回應物件 (res) 和應用程式要求/回應循環中之下一個中介軟體函數的函數。下一個中介軟體函數通常以名為 next 的變數表示。中介軟體函數可以執行下列作業： 結束要求/回應循環 呼叫堆疊中的下一個中介軟體函數。 對要求和回應物件進行變更。 路 ...

前言這次假期用最有限的時間、行程挑戰搭公車、火車一日遊，並包含著家人一起出遊。因為本人不太會拍照請各位讀者請見諒 (本次旅遊為 2024/04/06 為主) 計畫這次旅程去的方向如下 鶯歌 : 【甕仔麵】、【鶯歌老街】、【鶯歌博物館】 桃園 : 【土地公文化館】、【桃園神社】 台北 : 【中山地下街 (特展 : 關於我轉生變成史萊姆這檔事)】 原則上因為是搭車就不方面開太多地點，繼上次板橋車站挖掘景點後，這次來看看其他的地區怎麼玩。 一、鶯歌因為作者離板橋車站特別近，因此這邊就特別到板橋車站前往鶯歌站。 1-1 鶯歌老街前往【鶯歌老街】可以直接搭乘旁邊的 981，要記得在國慶街下車。這個公車路線會蠻好走過去，基本上下車沿著國小方向走過去就會看到老街。這個方向會是老街的尾部，可以到那邊慢慢逛過去陶瓷博物館。 [{"url":"/image/20240408_22-51-54.png","alt":""},{"url":"/image/20240408_22-55-15.png","alt":""},{"url":"/image/2024040 ...

前言這裡是為2024/9/9 紀錄為主，參考給各位以下為動向圖。 南竿這篇文章原定是之前要完成撰寫，因為工作方面有延誤無法完整收入內容，目前要把一些內容重新整理過一遍。 上午一、早餐 - 鄉城早餐(北竿)這裡是南竿最多士兵會去的一個廉價早餐店，點餐方式要特別到老闆娘面前說要甚麼，但也要注意餐點會被拿走問題(因為是傳統早餐店可以任意拿走)。 P.S. 因為是最後一天在北竿所以特別到這家吃。 二、八八坑道早上預計 09:43到八八坑道，但要注意是來到八八坑道其實不好開來這個地點，南竿會比北竿難騎很多。這段路口因為是釀酒地帶，光在門口外面就會有很濃厚的酒氣味。 三、馬祖民俗文物館 地點 : 209連江縣南竿鄉清水村135號 營業 : 周二 ~ 周日 09:00 ~ 17:00 (周一休息)預計 10 :47 到了馬祖民俗文物館可以稍微喘喘口氣、吹個冷氣，裡面就是簡單的介紹馬祖歷史過程，也蠻多打卡地方可以來拍。 下午一、馬祖藥燉排骨、土虱 地點 : 馬祖南竿鄉清水村 營業 : 周一 ~ 週日 11:30 ~ 22:00到這時間已經 11:51 進來吃評價 4.8的藥 ...

前言本篇於 2024/04/5 遊玩、紀錄，僅供參考或是有任何主題歡迎底下留言。 板橋車站來到板橋車站外，大多知道的人可能是耶誕成居多，但有幾些點不論是大小朋友都可以來參觀，目前是以最近的兩個點介紹。 一、電幻 1 號 地址：新北市板橋區縣民大道二段1號台電新民大樓 營業時間：週二週六 10:0018:00 (週日、週一公休) 這邊有兩個入口可以走進去。 板橋公車站二樓，進去倒麗寶百貨直直走就可以進去 “電幻 1 號” 板橋公車站一樓直直走會看到 “電幻 1 號” ，入口會是 VR 可以直接預約時段。 一樓 VR 六軸機器人遊玩的活動將根據當時的情況以及機台的狀態來決定。目前，這些機器原則上支援雙人同時使用。但在使用這台機器之前，請記得提前到現場排隊，否則可能會因為人潮眾多而無法排到。 二樓 健身房的沈浸式互動體驗這裡的二樓請至櫃台登記拿手環，這手環是給裡面設施使用。內容有彈跳、投籃、玩戰繩、騎飛輪之類設施。 相關連結 【板橋景點】TAIPOWER D/S ONE 電幻1號所～台北免門票室內景點，夜店版健身房玩投籃機、踩飛輪、甩戰繩，還能體驗ＶＲ ...

前言最近一直覺得發文這件事有點耗時間，我這邊做一個 CI/CD 方式製作一個自動部屬機制，減少發一次文章之前都要輸入指令問題。 使用 Github Actions一、創建 deploy Key這邊要使用 deploy key之前，要利用 git 現有的功能 ssh-keygen 創建，建議要用名字來區別這是用於 deploy hexo。 1ssh-keygen -t rsa -b 4096 -C "your_email@example.com" 補充: ssh 區分 有 .pub 是公鑰 沒有副檔名是 私鑰 PS 若第一是使用 ssh-keygen 務必留意這個小東西只能用一次 repository ，如果你澳用在其他 repository 會被阻擋使用。 二、使用 Hexo Actions這邊要使用的是官方提供的工具，這邊用現成說明。這邊參數使用只需要修改兩個地方。 _config.yml : 要設定 deploy 路徑，主要參考位置。 github actions腳本 : 原則上只需要輸入 deploy key 就好，不需要加入其他內容。 ...