跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
state

9 篇文章
{
,

}
文章的直接链接 掌握状态
state state management

掌握状态

React 在状态管理方面实际上有点异常。虽然它拥有像useState 和 Context 这样的一流工具,但对于反应式全局状态,您需要更多地依靠自身。以下是 David Ceddia 的文章 “React 状态管理库以及如何”…

Avatar of Chris Coyier
Chris Coyier 于 2021年3月24日
文章的直接链接 useStateInCustomProperties
custom properties state

useStateInCustomProperties

在我最近的 “将自定义属性用作状态” 文章中,我提到的其中一件事是,理论上,像 React 和 Vue 这样的 UI 库可以自动将它们管理的状态映射到 CSS 自定义属性,以便我们可以使用该状态…

Avatar of Chris Coyier
Chris Coyier 于 2021年1月21日
文章的直接链接 将自定义属性用作状态
custom properties state

将自定义属性用作状态

以下是 James Stanley 的一个 有趣的想法:一个 CSS 文件(可能每天更新)包含用于“季节性”颜色的 CSS 自定义属性(例如,春季为绿色,秋季为橙色)。然后,您将使用这些值来为您的网站设置主题,并知道这些…

Avatar of Chris Coyier
Chris Coyier 于 2021年1月5日
文章的直接链接 使用 HTML 复选框和 CSS 创建完整的状态机
state state machines state management

使用 HTML 复选框和 CSS 创建完整的状态机

状态机通常在 Web 上使用 JavaScript 表示,并且通常通过流行的 XState 库表示。但是状态机的概念适用于几乎任何语言,包括令人惊奇的 HTML 和 CSS。在这篇文章中,我们将…

Avatar of Ryan Bethel
Ryan Bethel 于 2020年11月27日
文章的直接链接 使用状态机在 React 中进行基于模型的测试
JavaScript react state state machines testing xstate

使用状态机在 React 中进行基于模型的测试

测试应用程序对于确保代码无错误且满足逻辑需求至关重要。但是,手动编写测试既乏味又容易出现人为偏差和错误。此外,维护可能是一场噩梦,尤其是在功能…

Avatar of David Khourshid
David Khourshid 于 2020年1月2日
文章的直接链接 使用 Unstated 在 React 中管理状态
react state state management

使用 Unstated 在 React 中管理状态

随着应用程序变得越来越复杂,状态管理可能会变得乏味。组件的状态应该自包含,这使得跨多个组件共享状态成为一个难题。Redux 通常是用于在…中管理状态的首选库。

Avatar of Kingsley Silas
Kingsley Silas 于 2018年5月29日
文章的直接链接 理解 React `setState`
react state state management

理解 React `setState`

React 组件可以并且经常具有**状态**。状态可以是任何东西,但可以考虑诸如用户是否登录以及根据哪个帐户处于活动状态显示正确的用户名之类的事情。或者一个数组…

Avatar of Kingsley Silas
Kingsley Silas 于 2019年2月7日
文章的直接链接 面向用户的状态
accessibility state

面向用户的状态

让我们谈谈状态。也就是将状态传达给用户,而不是应用程序在 JavaScript 对象或 localStorage 中存储状态。我们将讨论如何让用户了解状态(例如:按钮是否…

Avatar of Scott O'Hara
Scott O'Hara 于 2017年5月29日
文章的直接链接 Vue.js 入门:Vuex
JavaScript state store vue vuex

Vue.js 入门:Vuex

这是关于 JavaScript 框架 Vue.js 的五部分系列中的第四部分。在本部分中,我们将介绍用于状态管理的 Vuex。这并非旨在成为完整的指南,而只是对基础知识的概述…

Avatar of Sarah Drasner
Sarah Drasner 于 2018年1月7日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律声明
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.