linpengteng

Programmer

赞

806

|

搜索文章

讲解 Web 转场动画 View Transitions API

View Transitions API 允许在单页面应用中使用过渡动画，帮助用户在导航时更好地理解页面 A 和页面 B 之间的关系, 同时降低认知负荷，减少加载/渲染的延迟感知。

2年前
3.5k
45
2

讲解 Web 转场动画 View Transitions API

讲解 JavaScript 动画 Web Animations API

浏览器动画引擎 API，可以通过 JS 操作。这些 API 被设计成 `CSS Transition` 以及 `CSS Animation` 的接口，很容易通过 JS 的方式实现 CSS 动画。

2年前
3.5k
69
6

讲解 JavaScript 动画 Web Animations API

讲解 CSS 过渡和动画 transition/animation (很全面 🥳)

目前浏览器实现动画的方式有如下两种 JS 动画和 CSS 动画，本篇详细讲解 CSS 动画：CSS Transition过渡和 CSS Animation 动画。

2年前
9.8k
105
22

讲解 CSS 过渡和动画 transition/animation (很全面 🥳)

讲解 CSS Nesting 原生嵌套语法 🥳

本篇主要讲解了 CSS Nesting 原生嵌套语法的定义和使用。并相比于 CSS 预处理器，简述了它们的区别和优势。

2年前
1.2k
14
评论

讲解 CSS Nesting 原生嵌套语法 🥳

讲解 CSS At Rules 原生作用域 — @scope

CSS 社区模块化方案 `OOCSS`、`BEM`、`SMACSS`、`ITCSS`、`CSS Modules` 、`CSS-In-JS` 以及 `CSS 原生作用域@scope`。

2年前
791
8
2

讲解 CSS At Rules 原生作用域 — @scope

讲解 CSS At Rules 特性查询 — @supports

由于不同浏览器对 Web 标准的支持度各有不同，所以在使用较新的语法或特性时，我们通常使用特性查询，即 `@supports` 来应用支持或不支持某个属性-值对的样式。

2年前
523
8
评论

讲解 CSS At Rules 特性查询 — @supports

讲解 CSS At Rules 级联层 — @layer

级联层提供了一种结构化的方式来组织和平衡单个源中的关注点。单个级联层内的规则级联在一起，而不与层外的样式规则交错。

2年前
707
8
评论

讲解 CSS At Rules 级联层 — @layer

讲解 CSS At Rules 媒体查询 — @media

媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其应用特定的 CSS 样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。

2年前
1.2k
6
评论

讲解 CSS At Rules 媒体查询 — @media

讲解 CSS At Rules 容器查询 — @container

容器查询即 `@container` 规则，它可以使你能够根据元素容器不同的大小尺寸，对其内部元素进行特定样式的设置和布局。完美解决了组件根据父容器尺寸进行不同的适配和布局的需求。

2年前
1.5k
7
评论

讲解 CSS At Rules 容器查询 — @container

浅谈 Vue3 组件开发 — template / jsx 🥳

本篇以 Vue3 的 Todo List 组件在 .vue / .tsx 单文件中的开发, 从 `选项式API` 到 `组合式API` 逐一分析，并对 Vue3 template / JSX 进行分析

2年前
1.9k
22
评论

浅谈 Vue3 组件开发 — template / jsx 🥳

个人成就

文章被点赞 922

文章被阅读 90,386

掘力值 3,965

加入于

2020-01-24