03 2024 档案

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

点击右上角即可分享
微信分享提示