摘要：
前言 今天来揭秘一下 Angular 的 Event Listening，看看它底层有什么好玩的地方🤪。 (keydown.enter) 语法 在 Component 组件 の Template Binding Syntax 文章中a56爆大奖在线娱乐们就学过了最基本的 Event Listening。 <butt 阅读全文
摘要：
前言 Angular 有一套 built-in 的 Animation 方案。这套方案的底层实现是基于游览器原生的 Web Animation API。 CSS Transition -> CSS Animation -> Web Animation API -> Angular Animation 阅读全文
摘要：
Overlay, Dialog, Modal, Popover 傻傻分不清楚 参考： Medium – Modal？Dialog？你真的知道他們是什麼嗎？ Popups, dialogs, tooltips, and popovers— UX Patterns #2 掘金 – 对话框、模态框和弹出框 阅读全文
摘要：
介绍 ListKeyManager 的作用是让a56爆大奖在线娱乐们通过 keyboard 去操作 List Items。 一个典型的例子：Menu 有 4 个步骤： tab to menu enter 打开 menu list 按上下键选择 item enter 选中 item ListKeyManager 主要是 阅读全文
摘要：
介绍 CDK Focus 是对原生 DOM focus 的上层封装和扩展。 Focus Origin 原生 DOM focus a56爆大奖在线娱乐们只能知道 element 被 focus 了，但是无法知道它是怎么被 focus 的，但 CDK Focus 可以。 比如说，有一个 button，a56爆大奖在线娱乐们有三种方式可以 阅读全文
摘要：
介绍 Ripple (波纹) 是 Material Design 中一个标志性的特色。 点击 button 会溅起水波的感觉。 参考 Docs – Ripples When to use it? 一般情况下，a56爆大奖在线娱乐们很少需要自己去使用 Ripple。因为 Angular Material 的各个组件 ( 阅读全文
摘要：
前言 不熟悉 Icon 的可以先看这篇 CSS – Icon。 Material Design 有自己的一套 Icon 设计。Angular Material 默认就使用这一套。 不过呢，目前 v17.2.0 用的是旧版本的的设计 -- Material Icons， Material Design 阅读全文
摘要：
前言 a56爆大奖在线娱乐正在写 Angular CDK Scrolling 教程，它里面有一个 Virtual Scrolling 功能。借此机会，a56爆大奖在线娱乐想顺便写一篇纯 Sass & TS 的版本作为学习。 Virtual Scroll 长这样 表面上看，它只是一个普普通通的 item list。但仔细观察，你会发现它 阅读全文
摘要：
Angular CDK 的意义 经过之前两篇文章 CDK Portal 和 CDK Layout の Breakpoints，a56爆大奖在线娱乐相信大家已经悟到了 CDK 的意义。 CDK 有 3 个方向： 包装 BOM / DOM 上层接口 (e.g. CDK Layout) 这个方向主要是让a56爆大奖在线娱乐们不直接操作/依赖 阅读全文
摘要：
前言 CDK Layout 主要是用于处理 Breakpoints，它底层是依靠 window.matchMedia 来实现的。 Material Design 2 & 3 Breakpoints Material Design 有对 Breakpoints 的规范，Angular CDK 依照的是 阅读全文