- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端框架
UnoCSS原子CSS引擎-新一代前端原子化框架
UnoCSS中文文档：https://www.unocss.com.cn前有很多种原子化的框架，例如 Tailwind CSS，Windi CSS 以及 Tachyons 等。为什么要原子化 CSS？ ；那么目前哪些人在使用原子化 CSS 呢？ 一些网站已经开始使用原子化 CSS 比如 github , swiper.js 等↓如下图所示，他们页面的 CSS 类型可以明显看出是使用了原子化 CSS一种原子化 CSS 框架 - UnoCssUnoCSS 为什么推荐原子化 CSS那么为什么要原子化呢。很显然是让代码更 直观可读。 原子化 CSS 的实现实践如何才能具备原子化的理念的，实现方法有很多。在一个大项目中为了原子化 CSS，。
57300编辑于 2025-07-14 - 来自专栏各类技术文章~
unocss，（原子化css），项目初体验
unocss 简单介绍 原子化 CSS 是一种 CSS 的架构方式，它倾向于小巧且用途单一的 class，并且会以视觉效果进行命名。
6.9K00发布于 2021-11-06 - 来自专栏采云轩
小而美的 css 的原子化
小而美的 css 的原子化 http://zoo.zhengcaiyun.cn/blog/article/css 什么是 CSS 原子化 引用 文章 Let’s Define Exactly What 译文： “原子化 CSS 是一种 CSS 的架构方式，它倾向于小巧且用途单一的 class，并且会以视觉效果进行命名。 CSS 框架介绍 原子化 CSS 定义 “原子化 CSS 是一种 CSS 的架构方式，它倾向于小巧且用途单一的 class。 我们对比几个框架后，选择 CSS 原子化作为我们的 CSS 的架构方案。CSS 原子化提供现成的解决方案，几乎就是拿就用（ tailwindcss ，windicss ）。 CSS 原子化是如何解决这些问题的 首先我们看看前文中提到组件使用 CSS 原子化是如何实现的，项目中已引入 winidicss。
1.1K40编辑于 2022-12-01 - 来自专栏程序员的园——原创文章
原子变量——原子操作
在原子变量一中做了原子变量的科普介绍，仅仅将普通变量升级为原子变量，便解决了多线程环境下的数据竞争问题。 在应对如上的简单案例时，仅仅使用原子变量重载的操作++即可，为了应对更加复杂的使用场景，C++标准库提供了丰富的原子变量操作，使之无需加锁便可在多线程环境中操作共享数据。 本文将对这些原子变量操作做更详细的说明。 在C++中，常用的原子变量操作包括： store：存储/改写一个新值。 load：读取当前值。 exchange：交换当前值并返回旧值。 让我们开始本文的原子变量操作之旅。 1. 存储操作 store操作将一个新值存储到原子变量中。 这些操作尝试将原子变量从给定的旧值更改为新值，并返回布尔值表示操作是否成功。
64310编辑于 2024-11-07 - 来自专栏独行猫a的沉淀积累总结
HarmonyOS实战—亮眼的原子化服务体验
卡片可大可小、可藏可显,还能够个性化定制,让每个桌面独一无二。 卡片也是原子化服务的载体,在服务中心可以轻松获取、随时分享,无需下载、安装,一步到位获取各种服务。 什么是原子化服务？ 原子是构成应用的不可再分解的基本服务单元，鸿蒙原子化服务强调的是轻量化服务、免安装应用，也便于为其他应用共享，轻量化的服务可以随意组合，且可有意突出特色化的服务，可为用户提供一个或多个便捷的用户程序形态 关于原子化服务的更多内容，参见：HarmonyOS Developer:什么是原子化服务 来看下几个火热的例子： 距离HarmonyOS 2.0发布不到一个月时间，6月25日，国泰君安上线了HarmonyOS 原子化服务，一次推出“君弘Lite”、“开户”两个原子化服务卡片。 招商银行、中国银行等金融机构此前也官宣上线鸿蒙原子化服务，积极布局开放银行场景新生态。 鸿蒙原子化服务具备免安装、轻量化的特性，其载体为卡片，在服务中心可以轻松获取、随时分享，无需下载、安装。
1.4K20编辑于 2022-01-07 - 来自专栏FunTester
自动化测试用例的原子性
原子性测试 为了使自动化框架都成功，此概念对于理解至关重要：「原子自动化测试用例不应模仿端到端自动化用例。」 取而代之的是，自动化检查应形成一个不可拆分的单元，一个用例只能测试一个功能点。 原子性测试用例的优点 精准反馈 编写原子性测试可以快速执行得到测试结果。测试报告的反馈是迅速而针对性的。检查功能状态的时间一般都是几秒钟内完成。 编写原子测试用例可减少脆弱性，因为它减少了该测试中可能出现的断裂的数量。原子性测试用例能够减少大量误报，这又会促进出现问题的排查时间。 因此一个自动化测试用例中的步骤越多，测试就越有可能中断并产生误报。 更高的测试覆盖率 编写原子测试的第三个好处是，如果原子测试用例失败，它们将不会阻断其他功能用例的测试。 这是一个例子： 在某一个带有登录屏幕的页面： 使用「GUI」测试工具打开Web应用 执行「JavaScript」脚本 登录成功 现在，使用「GUI」自动化测试工具 执行要测试的单个原子测试用例。
1.4K20发布于 2021-02-24 - 来自专栏技术集锦
《HarmonyOS实战—入门到开发，浅析原子化服务》
原子化服务 在此之前呢，我们不得不去了解下与 “服务卡片” 有着密切关系的原子化服务。 它具有随处可见、跨设备、服务直达等特性： （1）服务发现：原子化服务可在服务中心发现并使用。 （2）智能推荐：原子化服务可以基于合适场景被主动推荐给用户使用；用户可在服务中心和小艺建议中发现系统推荐的服务。 （3）服务卡片：支持用户无需打开原子化服务便可获取服务内重要信息的展示和动态变化，如天气、关键事务备忘、热点新闻列表。 （4）支持跨设备分享：例如接入华为分享后，用户可分享原子化服务给好友，好友确认后打开分享的服务。
1.1K20编辑于 2022-06-03 - 来自专栏Mintimate's Blog
原子化接替语义化声明，TailwindCSS使用指南
这就保证了Tailwind CSS可以实现高度定制化，同时输出效率也较高。 版本历史 TailwindCSS自发布出，就支持原子化操作，当然TailwindCSS也在不断发展。 原子化对比语义化 前文说过，TailwindCSS是典型的原子化CSS（Atomic），对比传统的语义化CSS（Semantic）还是有一些特点和区别。 CSS 更模块化。不同的类可组合使用,避免重复样式。 更易维护。直观的类名和模块化 CSS 让其他开发者更容易理解和修改样式。 可重用性更高。模块化的类可跨页面、组件重复使用。 前后端分离。 转换到原子化CSS，需要读官方文档、需要学习设计系统的知识。 相比语义化CSS,原子化CSS类名方式更具扩展性,是未来CSS编写的发展趋势。 本文系统概述了从语义化到原子化的演进,以及如何上手使用Tailwind CSS。
4.8K00编辑于 2023-09-28 - 来自专栏软件绿色联盟动态
软件绿色联盟发布原子化服务技术标准
欢迎业内专家、应用开发者对本标准发表看法， 一、 原子化服务通用技术标准范围 本标准规定了原子化服务的技术规范和其运行平台的能力要求，用于指导原子化服务提供商构建通用的原子化服务，同时规范了服务运行平台的基本能力构成 该标准内容包括三个方面： 原子化服务定义，主要描述原子化服务的定义及其与现有同类产品的关系和区别。 运行平台定义，主要描述原子服务的执行平台的能力规范，包括执行框架和服务的调度分发机制。 三、原子化服务（元能力）/AA定义运行要求 运行平台是指支撑原子服务在设备上正常运行的系统服务。 例如： 以APK为载体的原子化服务运行在Android系统提供的本地应用运行环境中； 以IPA为载体的原子化服务运行在IOS提供的应用运行环境中。 原子化服务工作组后续还将发布统一的API标准、质量标准，统一的原子化服务分类、以及多平台开发框架，敬请期待！
1.1K20编辑于 2022-03-31 - 来自专栏神光的编程秘籍
快速掌握 Tailwind：最流行的原子化 CSS 框架
Tailwind 是流行的原子化 css 框架。 有多流行呢？ 它现在有 68k star 了，要知道 express 才 60k： 那什么是原子化 css？ class，然后在 html 里直接引入这些原子化的 class。 这个原子化 css 的概念还是很好理解的，但它到底有啥好处呢? 它解决了什么问题？ 口说无凭，我们试下 tailwind 就知道了，它就是一个提供了很多原子 class 的 css 框架。 总结 tailwind 是一个流行的原子化 css 框架。 就是这些原因让它成为了最流行的原子化 css 框架。
1.9K30编辑于 2023-08-29 - 来自专栏go语言核心编程技术
并发基础之原子操作与原子变量
既然错误是因为++不是一个原子操作而导致的，那么我们想办法使其成为原子操作就可以了，因此我们可以： 加锁； 使用原子变量。 来解决上述问题。 下面我们来试试使用原子变量。 要想找到答案，就得分析原子变量提供的原子操作是怎么实现的。 下面我们首先来看Java中的实现，然后分析gcc的实现。 我们再来看一下gcc是怎么实现的原子操作。 最后简单的总结一下Java以及gcc对原子变量的实现：Java中用的是循环使用CAS操作实现的原子变量的原子操作，而gcc使用的是xadd指令，可以看出gcc的实现方式更加简洁，应该也更高效，另外，go
1.8K20发布于 2019-07-30 - 来自专栏前端从进阶到入院
Facebook 重构：抛弃 Sass Less ，迎接原子化 CSS 时代
什么是原子 CSS？ 实用工具/原子 CSS 的限制 实用工具/原子 CSS 看起来很有趣，但它们也带来了一些挑战。 人们通常手工编写实用工具/原子 CSS，精心制定命名约定。 与 Tailwind 相比，手写原子 CSS 可能不是最方便的。 和 CSS-in-JS 比较 CSS-in-JS 和实用工具/原子 CSS 有密切关系。这两种方法都提倡使用标签进行样式化。 探索原子 CSS-in-JS 原子 CSS-in-JS 可以被视为是“自动化的原子 CSS”： 你不再需要创建一个 class 类名约定 通用样式和一次性样式的处理方式是一样的 能够提取页面所需要的的关键 结论 这就是我要说的关于原子 CSS-in-JS 所有内容。 我从来没有在任何大型生产部署中使用过原子 CSS、原子 CSS-in-JS 或 Tailwind。我可能在某些方面是错的，请随时纠正我。
3.4K10发布于 2021-01-18 - 来自专栏用户4480853的专栏
原子操作
然而，对于编译器来说，发现一个最优布置来最小化插入屏障的总数几乎不可能，为此，JMM 采取保守策略。 对象逃逸与原子操作 对象逃逸是指当一个对象还没有构造完成时，就使它被其他线程所见。造成以上的原因就是因为在一个线程中对一个对象的实例化不是一个原子操作。 对象逃逸在饿汉式、懒汉式单例中较为常见，以其中实例化对象为例： instance = new Singleton(); // 在多线程中该操作最容易发生对象逃逸 通过指令 javap -v Main.class <init>:()V并弹出之前入栈对象的地址 7: astore_1 // 指令将对象地址赋值给 index 为 1 的变量 8: return 一个对象的实例化过程必然经过分配内存 、栈内复制、地址赋值操作，在操作上就已经不具备原子性了，所以在多线程中才有可能被重排序，进而导致对象先进行了地址赋值而地址指向的内容还未完成实例化导致空指针的异常。
1.2K20编辑于 2023-01-10 - 来自专栏每日分享java架构小知识
原子操作类
原子操作类 原子性这个概念，在多线程编程里是一个老生常谈的问题。 所谓的原子性表示一个或者多个操作，要么全部执行完， 要么一个也不执行。不能出现成功一部分失败一部分的情 况。 因为 A 和 B 在更新变量 i 的时候拿到的 i 可能都是 1 这就是一个典型的原子性问题。 多线程里面，要实现原子性，有几 种方法，其中一种就是加 Synchronized 同步锁。 J.U.C 中的原子操作类 由于变量类型的关系，在 J.U.C 中提供了 12 个原子操作的 类。这 12 个类可以分为四大类。 1. 原子更新基本类型 AtomicBoolean、AtomicInteger、AtomicLong 2. 原子更新数组 AtomicIntegerArray 、 AtomicLongArray 、 AtomicReferenceArray 3.
1.4K10发布于 2020-08-17 - 来自专栏happyJared
Atomic 原子类
认识 Atomic 原子类 Atomic 翻译成中文是原子的意思。在化学中，原子是构成一般物质的最小单位，是不可分割的。 JUC 原子类概览 JUC 包中的原子类 基本类型 使用原子的方式更新基本类型 AtomicInteger：整形原子类 AtomicLong：长整型原子类 AtomicBoolean：布尔型原子类 数组类型 使用原子的方式更新数组里的某个元素 AtomicIntegerArray：整形数组原子类 AtomicLongArray：长整形数组原子类 AtomicReferenceArray：引用类型数组原子类 引用类型 AtomicReference：引用类型原子类 AtomicStampedReference：原子更新引用类型里的字段原子类 AtomicMarkableReference ：原子更新带有标记位的引用类型 ：原子更新带有版本号的引用类型。
1.3K30发布于 2019-07-10 - 来自专栏后端码匠
【Java】原子类
原子类 原子变量类 比锁的粒度更细，更轻量级，并且对于在多处理器系统上实现高性能的并发代码来说是非常关键的。原子变量将发生竞争的范围缩小到单个变量上。 原子变量类可以分为 4 类 基本类型 AtomicBoolean：布尔类型原子类； AtomicInteger：整型原子类； AtomicLong：长整型原子类。 数组类型 AtomicIntegerArray：整形数组原子类； AtomicLongArray：长整型数组原子类； AtomicReferenceArray：引用类型数组原子类。 基本类型 AtomicBoolean：布尔类型原子类； AtomicInteger：整型原子类； AtomicLong：长整型原子类。 且构造函数是private的，无法在外部对其进行实例化。 Unsafe的典型应用 堆外内存操作。
1.5K30编辑于 2023-02-27 - 来自专栏程序员的园——原创文章
原子变量一
解决数据竞争问题是保障程序安全性和一致性的关键，除常规的锁、条件变量外，原子变量是一种更为高效的同步机制。原子变量通过确保读写操作的不可分割性，保障了共享数据的一致性。 原子变量 原子变量是一种特殊类型的变量，它保证了对其执行的操作是不可分割的，且不会被其他线程中断。 C++11标准库中的`std::atomic`模板提供了对原子变量支持，C++不仅提供了常见的原子变量的支持，还提供了自定义原子类型的支持。 原子操作与普通操作的区别 原子操作与普通操作在以下几个方面存在显著区别： 线程安全性：普通变量在多线程环境下无法保证线程安全性，而原子变量通过不可分割性操作确保了线程安全。 通过原子变量和原子操作，程序在多线程环境中能够有效地避免数据竞争问题，提高了并发访问的安全性和性能。原子变量在多线程计数器和标志位等场景中的应用，使其成为高效且可靠的数据安全保障方案。
41410编辑于 2024-11-06 - 来自专栏C/C++基础
C++11原子类型与原子操作
1.认识原子操作 原子操作就是在多线程程序中“最小的且不可并行化的”操作，意味着多个线程访问同一个资源时，有且仅有一个线程能对资源进行操作。 C++11通过引入原子类型帮助开发者轻松实现原子操作。 ，原子类型能够实现原子操作是因为C++11对原子类型的操作进行了抽象，定义了统一的接口，并要求编译器产生平台相关的原子操作的具体实现。 t1.join(); t2.join(); return 0; } 以上代码中，定义了一个atomic_flag对象lock，使用初始值ATOMIC_FLAG_INIT进行初始化， ---- 参考文献 [1]《深入理解C++11》笔记-原子类型和原子操作 [2]深入理解C++11[M].6.3原子类型与原子操作.P196-P214
6.2K20发布于 2019-01-03 - 来自专栏java开发的那点事
CAS 原子操作
CAS(Compare And Swap): 我们先要学习的是并发编程中的CAS,也就是原子操作 那么,什么是原子操作?如何实现原子操作? 什么是原子操作: 原子,也是最小单位,是一个不可再分割的单位,不可被中断的一个或者一系列操作 CAS是以一种无锁的方式实现并发控制,在实际情况下,同时操作一个对象的概率非常小,所以多数加锁操作做的基本是无用功 CAS以一种乐观锁的方式实现并发控制 如何实现原子操作: Java可以通过锁和循环CAS的方式实现原子操作 为什么要有CAS: CAS就是比较并且替换的一个原子操作,在CPU的指令级别上进行保证 只能保证一个共享变量的原子操作 当对一个共享变量执行操作时，我们可以使用循环CAS的方式来保证原子操作，但是对多个共享变量操作时，循环CAS就无法保证操作的原子性，这个时候就可以用锁，或者有一个取巧的办法 ,但是源对象src却没有改变,因为原子引用类和原对象本身是两个东西,CAS后就可以理解为内存中的东西变了,也可以说是引用变了,他只能保证你在改变这个引用的时候保证是原子性的 记得之前上面说的ABA问题吧
1.1K61发布于 2020-11-06 - 来自专栏DrugOne
DGL & RDKit | 基于Attentive FP可视化训练模型原子权重
DGL开发人员提供了用于可视化训练模型原子权重的代码。使用Attentive FP构建模型后，可以可视化给定分子的原子权重，意味着每个原子对目标值的贡献量。 基于Attentive FP可视化训练模型原子权重 环境准备 PyTorch：深度学习框架 DGL：基于PyTorch的库，支持深度学习以处理图 RDKit：用于构建分子图并从字符串表示形式绘制结构式 from functools import partial from sklearn.metrics import roc_auc_score 代码来源于dgl/example DGL开发人员提供了用于可视化训练模型原子权重的代码 使用Attentive FP构建模型后，可以可视化给定分子的原子权重，意味着每个原子对目标值的贡献量。 train_loader, loss_fn, optimizer) epochs.append(e) scores.append(score) model.eval() 导入用于分子可视化依赖库
1.4K50发布于 2021-02-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号