原创 Angular 17+ 高級教程 – Routing 路由 (功能篇)

前言 這篇只講功能不講原理。沒有循序漸進,沒有由淺入深,一個主題講到底。   Route         目錄 上一篇 Angular 17+ 高級教程 – Routing 路由 (原理篇) 下一篇 TODO 想查看目錄,請移步 Angul

原创 Angular 17+ 高級教程 – Routing 路由

前言 Angular 是 Single Page Application (SPA) 單頁面應用,所謂的單頁是站在服務端的角度看,不管遊覽器請求什麼路徑,都返回 index.html 即可。 那站在客戶端的角度,不同的路徑所呈現的內容都是不

原创 Angular 17+ 高級教程 – Component 組件 の Control Flow

  前言 Control Flow 是 Angular v17 版本後推出的新模板語法,用來取代 NgIf、NgForOf、NgSwitch 這 3 個 Structure Directive。 Structure Directive 的好

原创 Angular 17+ 高級教程 – Component 組件 の Structural Directive & Syntax Reference (微語法)

  前言 Angular 的動態組件博大精深, 沒有認真學一下的話, 在開發中經常會掉坑裏. 所以這篇大家要認真看一下哦.   參考 angular2 學習筆記 ( Dynamic Component 動態組件) 早年我寫的文章 Angul

原创 Angular 17+ 高級教程 – Component 組件 の ng-template

前言 Angular 的動態組件博大精深, 沒有認真學一下的話, 在開發中經常會掉坑裏. 所以這篇大家要認真看一下哦.   參考 angular2 學習筆記 ( Dynamic Component 動態組件) 早年我寫的文章 Angula

原创 Angular 17+ 高級教程 – Component 組件 の Query Elements

前言 Angular 是 MVVM 框架。 MVVM 的宗旨是 "不要直接操作 DOM"。 在 Component 組件 の Template Binding Syntax 文章中,我們列舉了一些常見的 DOM Manipulation。

原创 JavaScript Library – Lit

前言 我寫過一篇關於 Lit 的文章,Material Design, Angular Material, MDC, MWC, Lit 的關係。 如今 material-web MWC 已經發布 1.0 了,估計 Angular 也會在不遠

原创 Facebook Ads – 筆記

前言 記入一些小東西   參考 YouTube – 這是第一次廣告投放回報做到11倍!Facebook廣告高廣告投資回報2023年終極策略密碼分享   價值階梯 先賣便宜 value 低的東西給客戶,甚至免費試用,然後慢慢 bring up

原创 安全 – CSP (Content Security Policy)

前言 之前講過 CSRF。防 Cookie hacking 的。 也介紹過防 XSS 的 HtmlSanitizer。 今天再介紹 CSP。   參考 Content Security Policy 介紹 MDN – Content-Sec

原创 ASP.NET Core – DateTime, DateTimeOffset, DateOnly, TimeOnly, TimeSpan, TimeZone, NodaTime 基礎

前言 心血來潮,這篇講點基礎的東西。 對日期和時區 Time Zone 不熟悉的讀者,請先看這篇 Time Zone, Leap Year, Date Format, Epoch Time 時區, 閏年, 日期格式。   C# 中的日期類型

原创 C# – class, filed, property, readonly, get, set, init, required 使用基礎

前言 心血來潮,這篇講點基礎的東西。   Field 比起 Property,Field 很不起眼,你若問 JavaScript,它甚至都沒有 Field。 但在 C#,class 裏頭真正裝 value 的其實是 Field,Proper

原创 Google – Cloud Translation API

前言 通常網站內容翻譯,我們都不推薦使用 Google Translate。但網站中一些不那麼重要的內容確實可以用 Google Translate。比如 Customer Reviews。 這篇是續  Google Maps Embed

原创 JavaScript Library – YouTube Embedded、YouTube Player API、YouTube Data API

YouTube Embed Video 參考: Embed videos & playlists 它和 Google Maps Embed 類似,是通過 iframe 完成的。 <iframe width="800" style=

原创 EF Core – 8.0 new features

參考 Docs – What's New in EF Core 8   Support DateOnly and TimeOnly SQL Server 早在 2008 年就已經支持 date 和 time 類型了。反觀 .NET 一直到

原创 CSS & JS Effect – Do something on enter/leave window tab

需求 我在做一個體驗 當用戶 submit enquiry 後會 window.open 開啓 WhatsApp。而當用戶關閉 WhatsApp 回來網站後,會 show 一個 feedback message。   實現思路 關鍵就在如