原创 Angular 17+ 高級教程 – 盤點 Angular v14 到 v17 的重大改變

前言 我在 <初識 Angular> 文章裏有提到 Angular 目前的斷層問題。 大部分的 Angular 用戶都停留在 v9.0 版本。 Why everyone stay v9.0?  v9.0 是一個里程碑版本，Angular

2024-04-19 13:59:55

原创 Angular 17+ 高級教程 – 學以致用

前言 讀這麼多原理，到底爲了什麼？真實項目中真的會用得到嗎？ 你正在疑惑 "知識的力量" 嗎？ 本篇會給一個非常非常好的案例，讓你感悟 -- 知識如何用於實戰。 記住，我的目的是讓你感悟，而不是要你盲目相信知識。   很久很久以前的問題

2024-04-17 13:59:37

原创 OData – 坑

前言 OData 有很多很多的坑，我的主張是能少用一樣是一樣，比如 Batch Processing 不要用，Inheritance 不要用，除了 GET 其它 PUT POST DELETE 都不要用，$apply 不要用，等等等。 這篇

2024-04-13 14:00:36

原创 Angular 17+ 高級教程 – Library

前言 當你需要管理超過一個項目時，你就需要知道怎麼使用 Angular Library。 你可以把多個項目共享的組件放到這個 Library 了，就像 Angular Material 那樣。   參考 Sandro Roth – Buil

2024-04-13 14:00:36

原创 EF Core – Table / Entity Splitting

參考 Docs – Advanced table mapping   Table Splitting Table Splitting 指的是把多個 Entity 映射到同一個 Table。 When to use it? 假設我們有一個 O

2024-04-02 13:59:51

原创 EF Core – Owned Entity Types & Complex Types

前言 EF Core 8.0 推出了 Complex Types，這篇要來介紹一下。 由於它和 Owned Entity Types 傻傻分不清楚，加上我之前也沒有寫過 Owned Entity Types 的文章，所以這篇就一起介紹唄。

2024-04-02 13:59:51

原创 EF Core – 大雜燴

前言 記入一些零零碎碎的知識。   Shadow Properties  

2024-04-01 14:03:04

原创 Angular 17+ 高級教程 – EventManagerPlugin & Hammer.js Gesture

前言 今天來揭祕一下 Angular 的 Event Listening，看看它底層有什麼好玩的地方🤪。   (keydown.enter) 語法 在 Component 組件 の Template Binding Syntax 文章中我們

2024-03-25 14:08:30 1

原创 Angular 17+ 高級教程 – Animation 動畫

前言 Angular 有一套 built-in 的 Animation 方案。這套方案的底層實現是基於遊覽器原生的 Web Animation API。 CSS Transition -> CSS Animation -> Web Anim

2024-03-17 14:01:02 2

原创 Angular Material 17+ 高級教程 – Overlay

Overlay, Dialog, Modal, Popover 傻傻分不清楚 參考： Medium – Modal？Dialog？你真的知道他們是什麼嗎？ Popups, dialogs, tooltips, and popovers— U

2024-03-13 14:03:07

原创 Angular Material 17+ 高級教程 – CDK Accessibility の ListKeyManager

介紹 ListKeyManager 的作用是讓我們通過 keyboard 去操作 List Items。 一個典型的例子：Menu 有 4 個步驟： tab to menu enter 打開 menu list 按上下鍵選擇

2024-03-12 14:01:59

原创 Angular Material 17+ 高級教程 – Material Ripple

介紹 Ripple (波紋) 是 Material Design 中一個標誌性的特色。 點擊 button 會濺起水波的感覺。   參考 Docs – Ripples   When to use it? 一般情況下，我們很少需要自己去使用

2024-03-10 13:59:16

原创 Angular Material 17+ 高級教程 – CDK Accessibility の Focus

介紹 CDK Focus 是對原生 DOM focus 的上層封裝和擴展。 Focus Origin 原生 DOM focus 我們只能知道 element 被 focus 了，但是無法知道它是怎麼被 focus 的，但 CDK Focus

2024-03-10 13:59:12

原创 Angular Material 17+ 高級教程 – Material Icon

前言 不熟悉 Icon 的可以先看這篇 CSS – Icon。 Material Design 有自己的一套 Icon 設計。Angular Material 默認就使用這一套。 不過呢，目前 v17.2.0 用的是舊版本的的設計 -- M

2024-03-06 13:59:37

原创 CSS & JS Effect – Virtual Scrolling

前言 我正在寫 Angular CDK Scrolling 教程，它裏面有一個 Virtual Scrolling 功能。藉此機會，我想順便寫一篇純 Sass & TS 的版本作爲學習。 Virtual Scroll 長這樣 表面上看，它

2024-03-03 13:59:48