原创 Google – Cloud Translation API
前言 通常網站內容翻譯，我們都不推薦使用 Google Translate。但網站中一些不那麼重要的內容確實可以用 Google Translate。比如 Customer Reviews。 這篇是續 Google Maps Embed
2023-10-16 14:01:55
原创 JavaScript Library – YouTube Embedded、YouTube Player API、YouTube Data API
YouTube Embed Video 參考: Embed videos & playlists 它和 Google Maps Embed 類似，是通過 iframe 完成的。 <iframe width="800" style=
2023-10-12 13:59:21
原创 EF Core – 8.0 new features
參考 Docs – What's New in EF Core 8 Support DateOnly and TimeOnly SQL Server 早在 2008 年就已經支持 date 和 time 類型了。反觀 .NET 一直到
2023-10-08 14:04:17
原创 CSS & JS Effect – Do something on enter/leave window tab
需求 我在做一個體驗 當用戶 submit enquiry 後會 window.open 開啓 WhatsApp。而當用戶關閉 WhatsApp 回來網站後，會 show 一個 feedback message。 實現思路 關鍵就在如
2023-10-05 13:59:06
5
原创 Angular 16+ 基礎教程 – 開篇和目錄
前言 前陣子我開始寫 Angular 複習與進階系列，寫着寫着，發現寫不下去。 思來想去，感覺原因是主題定的不好。複習與進階，意味着看的人就要有基礎， 但是這個基礎到底要多少又說不清楚，更糟糕的是這兩年 Angular 團隊重組後盡然開始做
2023-09-25 14:01:56
原创 JavaScript Library – Svelte
前言 上一回我介紹了 Alpine.js。作爲我開發企業網站 draft 版本的 render engine。 用了一陣子後，我覺得它真的非常不好用。所以打算換一個。 前端有好幾個 framework / library / compile
2023-09-22 13:59:25
3
原创 C# 12
前言 C# 12 是 .NET 8 版本推出的，目前還在 RC 階段。預計 2023 年 11 月份就會正式推出了。 想提早玩玩的話可以使用用 Visual Studio Preview。 參考 Docs – What's new in
2023-09-19 14:02:07
原创 VS Code – Keyboard Shortcuts & Extensions
前言 記入一些自己常用到的 Keyboard Shortcuts 和 Extensions。 Keyboard Shortcuts undo redo 鼠標座標：shift + left/right 它可以控制鼠標座標回到上一次的位置
2023-09-11 13:59:10
原创 TypeScript – Decorator Metadata
前言 在 TypeScript – Decorator 裝飾器 裏，我有提到 TypeScript 只實現了 decorate 的特性，把 metadata 的特性獨立了出來。 本來我以爲還需要等待很長的時間他們纔會實現，沒想到 v5.2
2023-08-29 13:59:15
1
原创 TypeScript – Using Disposable
前言 TypeScript v5.2 多了一個新功能叫 Disposable。 Dispose 的作用是讓 "對象" 離開 "作用域" 後做出一些 "釋放資源" 的操作。 很多地方都可以看到 Dispose 概念。比如 Web Compon
2023-08-28 14:09:50
1
原创 CSS – Houdini
介紹 簡單說這個 Houdini 是一系列 CSS 底層 API，它可以讓我們擴展 CSS，做出一些 Polyfill。 舉一個例子，讓大家有個畫面。 我們可以通過 CSS + JS + Canvas 語法來自創 CSS 語法，遊覽器解析
2023-08-21 14:08:05
1
原创 JavaScript – Alpine.js
前言 Alpine 是高山的意思。Alpine.js 是一個輕量級的 JS Framework。 我爲什麼會去用它呢？ 是這樣的，我在做企業網站開發的時候會有 2 個階段。 第一個 draft 階段，只寫 HTML、CSS、JS。不會涉及
2023-08-17 14:02:25
1
原创 工具 – VS Code Extensions
前言 分享我用着的 Extensions。 Angular Language Service 不用介紹，用 Angular 的必裝。 Better Comments 讓註釋有多點顏色 more colorful。好看最重要。 C
2023-08-03 14:05:02
1
原创 工具 – Cypress
介紹 Cypress 是一款 e2e 測試工具。每當我們寫好一個組件或者一個頁面之後，我們會想對整體做一個測試。 在不使用工具的情況下，我們會開啓 browser，然後做一系列點擊、滾動、填 form 等等交互，然後觀察看看是否全部運行正常
2023-08-02 14:02:06