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

前言 一個常見的 Tooltip 使用場景是  當有 ellipsis 時，hover 顯示全文。 Tooltip 算是一種 Popover，我們之前有講過，要搞 Popover 可以使用底層的 CDK Overlay 來實現。 而 An

2024-05-17 13:59:14

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

前言 Observers 是 Angular Material 對遊覽器原生 MutationObserver 的上層封裝。主要用於監聽 add/remove Node。 不熟悉的朋友可以先看這篇 DOM – MutationObserve

2024-05-07 13:59:22

原创 CSS & JS Effect – sticky horizontal scrollbar

需求 這個是 Google Ads 裏的 table。 那個 horizontal scrollbar 可以 sticky bottom。 我們知道 scrollbar 是遊覽器原生的，我們能做的 styling 少之又少，挺多隻能調 s

2024-05-07 13:59:22

原创 HTML & CSS – Styling Scrollbar

前言 Scrollbar 能 styling 的東西不多，但有時候不得不 styling。 這裏記入我自己在項目中修改過的 scrollbar 經歷。   Gmail Scrollbar   Gmail 的 scrollbar 就改過 s

2024-05-06 14:01:12

原创 CSS & JS Effect – 用 wheel 模擬 scroll

前言 在 用 JavaScript 實現 position sticky 文章中，我提到了用 wheel 來模擬 scroll 效果。 這篇來說說具體怎麼實現，挺簡單的哦。   Preparation table.html <div c

2024-05-04 13:59:16

原创 Angular 17+ 高級教程 – Angular 的侷限 の Query Elements

前言 熟悉 Angular 的朋友都知道，Angular 有非常多的侷限，許多事情它都做不好，打開 Github 一堆 2016 - 2017 的 Issues，時至今日都沒有解決。 原因也很簡單 -- Angular 團隊的不作爲😔。 通

2024-04-23 13:59:22 1

原创 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 3