当前位置： 首页 > news >正文

原子化CSS（Atomic CSS)

news 文章来源：https://blog.csdn.net/m0_47999208/article/details/132805418 2025/1/10 10:39:19

UnoCSS，它不是像TailWind CSS和Windi CSS属于框架，而是一个引擎，它没有提供预设的原子化CSS工具类。引用自掘金，文章中实现相同的功能，构建后的体积TailWind 远> Windi > UnoCSS,体积会小很多。

像这种原子性的CSS应该在大公司会用到吧！目前还没用过，用过的都说好用，没用过的人说它代码太多了，下面就单纯实现下如何在项目中使用UnoCSS。

首先使用vite新建一个vue项目模板；

然后看上方掘金文章的下部分，就可以使用UnoCSS了

相关文章：

原子化CSS（Atomic CSS)

UnoCSS，它不是像TailWind CSS和Windi CSS属于框架，而是一个引擎，它没有提供预设的原子化CSS工具类。引用自掘金，文章中实现相同的功能，构建后的体积TailWind 远> Windi > UnoCSS,体积会小很多。 像这种原子性的…...

编程日记 2023/9/13 13:29:44

pandas 筛选数据的 8 个骚操作

日常用Python做数据分析最常用到的就是查询筛选了，按各种条件、各种维度以及组合挑出我们想要的数据，以方便我们分析挖掘。 东哥总结了日常查询和筛选常用的种骚操作，供各位学习参考。本文采用sklearn的boston数据举例介绍。 from sklearn …...

编程日记 2023/9/13 13:27:42

【随想】每日两题Day.3（实则一题）

题目：59.螺旋矩阵|| 给你一个正整数 n ，生成一个包含 1 到 n2 所有元素，且元素按顺时针顺序螺旋排列的 n x n 正方形矩阵 matrix 。 示例 1： 输入：n 3 输出：[[1,2,3],[8,9,4],[7,6,5]]示例 2： …...

编程日记 2023/9/13 13:26:41

阿里后端开发：抽象建模经典案例【文末送书】

文章目录 写作前面1.抽象思维2.软件世界中的抽象3. 经典抽象案例4. 抽象并非一蹴而就！需要不断假设、验证、完善5. 推荐一本书 写作末尾 写作前面 在互联网行业，软件工程师面对的产品需求大都是以具象的现实世界事物概念来描述的，遵循的是人…...

编程日记 2023/9/13 13:25:40

HarmonyOS Codelab 优秀样例——溪村小镇（ArkTS）

一、介绍 溪村小镇是一款展示溪流背坡村园区风貌的应用，包括园区内的导航功能，小火车行车状态查看，以及各区域的风景展览介绍，主要用于展示HarmonyOS的ArkUI能力和动画效果。具体包括如下功能： 打开应用时进入启动页&a…...

编程日记 2023/9/13 13:24:39

Mybatis---第二篇

系列文章目录 文章目录 系列文章目录一、#{}和${}的区别是什么？二、简述 Mybatis 的插件运行原理，如何编写一个插件一、#{}和${}的区别是什么？ #{}是预编译处理、是占位符， KaTeX parse error: Expected EOF, got # at position 27: …接符。 Mybatis 在处理#̲{}时，会将…...

编程日记 2023/9/13 13:23:37

6.2.3 【MySQL】InnoDB的B+树索引的注意事项

6.2.3.1 根页面万年不动窝 B 树的形成过程是这样的： 每当为某个表创建一个 B 树索引（聚簇索引不是人为创建的，默认就有）的时候，都会为这个索引创建一个 根节点 页面。最开始表中没有数据的时候，每个 B 树…...

编程日记 2023/9/13 13:22:36

前端面试话术集锦第 12 篇：高频考点（Vue常考基础知识点）

这是记录前端面试的话术集锦第十二篇博文——高频考点（Vue常考基础知识点），我会不断更新该博文。❗❗❗ 这一章节我们将来学习Vue的一些经常考到的基础知识点。 1. 生命周期钩子函数 在beforeCreate钩子函数调用的时候，是获取不到props或者data中的数据的，因为这些数据的…...

编程日记 2023/9/13 13:19:33

骨传导耳机危害有哪些？值得入手吗？

事实上，只要是正常使用，骨传导耳机并不会对身体造成伤害，并且在众多耳机种类中，骨传导耳机可以说是相对健康的一种耳机，这种耳机最独特的地方便是声波不经过外耳道和鼓膜， 而是直接将人体骨骼结构作为传声介…...

编程日记 2023/9/13 13:18:31

网络爬虫-----初识爬虫

目录 1. 什么是爬虫？ 1.1 初识网络爬虫 1.1.1 百度新闻案例说明 1.1.2 网站排名（访问权重pv） 2. 爬虫的领域（为什么学习爬虫 ?） 2.1 数据的来源 2.2 爬虫等于黑客吗？ 2.3 大数据和爬虫又有啥关系&…...

编程日记 2023/9/13 13:14:28

vue 功能：点击增加一项，点击减少一项

功能介绍&#xff1a; 默认为一列&#xff0c;当点击右侧"" 号&#xff0c;增加一列&#xff1b;点击 “-” 号&#xff0c;将当前列删除&#xff1b; 功能截图&#xff1a; 功能代码&#xff1a; //HTML <el-col :span"24"><el-form-item lab…...

编程日记 2023/9/13 13:13:27

我的编程学习笔记

1. 引言&#xff1a; 在开始编写任何代码之前&#xff0c;都需要理解编程的基本概念。编程是人与计算机进行交流的方式&#xff0c;它让计算机可以理解和执行特定的任务。编程语言是这种交流的工具&#xff0c;而学习编程就是学习如何用特定的语言表达出我们想要的计算机行为。…...

编程日记 2023/9/13 13:10:24

页面静态化、Freemarker入门

页面静态化介绍 页面的访问量比较大时&#xff0c;就会对数据库造成了很大的访问压力&#xff0c;并且数据库中的数据变化频率并不高。 那需要通过什么方法为数据库减压并提高系统运行性能呢&#xff1f;答案就是页面静态化。页面静态化其实就是将原来的动态网页(例如通过ajax…...

编程日记 2023/9/13 13:07:22

PCL （再探）点云配准精度评价指标——均方根误差

目录 一、算法原理二、代码实现三、代码解析四、备注本文由CSDN点云侠原创，原文链接。如果你不是在点云侠的博客中看到该文章，那么此处便是不要脸的爬虫。 一、算法原理 见： 点云配准精度评价指标——均方根误差PCL 点云配准精度评价——点到面的均方根误差Open3D(C++) 点…...

编程日记 2023/9/13 13:06:21

【Redis速通】基础知识1 - 虚拟机配置与踩坑

Ubuntu 配置 Redis 下载 redis 找到 redis 官网界面&#xff0c;下载 redis6.2LTS 点击前往 用 mobax 连接到 ubuntu 虚拟机&#xff0c;把下载好的 tar.gz 文件丢到任意一个文件夹下面 进入该文件夹&#xff0c;于此处打开终端&#xff0c;进行解压操作&#xff1a;tar -z…...

编程日记 2023/9/13 13:04:19

我的创作纪念日---从考研调剂到研一的旅程

文章目录 一、前言二、机缘三、收获四、日常五、憧憬 一、前言 大家好&#xff0c;我是小馒头学Python&#xff0c;小馒头学Python就是我&#xff0c;今天是我第一次收到创作纪念日的私信&#xff0c;去年的今天我还在考研&#xff0c;那个时候整天浑浑噩噩的&#xff0c;迷茫…...

编程日记 2023/9/13 13:03:18

Python-实现邮件发送：flask框架或django框架可以直接使用

在项目中&#xff0c;会使用到发送邮件的功能。不同框架的配置可能有所不同&#xff0c;直接写一个不依赖框架配置的邮件发送模块。 使用的功能&#xff1a; 1、可以发送给多个邮箱 2、可以实现抄送多个邮箱 3、可以添加多个文件附件 一、不使用多线程 import smtplib from…...

编程日记 2023/9/13 12:59:15

使用亚马逊云科技Amazon SageMaker，为营销活动制作广告素材

广告公司可以使用生成式人工智能和文字转图像根基模型&#xff0c;制作创新的广告素材和内容。在本篇文案中&#xff0c;将演示如何使用亚马逊云科技Amazon SageMaker从现有的基本图像生成新图像&#xff0c;这是一项完全托管式服务&#xff0c;用于大规模构建、训练和部署机器…...

编程日记 2023/9/13 12:57:12

conda环境安装opencv带cuda版本

主要是cmake编译选项需要修改 以下两个选项按照自己情况修改 -D OPENCV_EXTRA_MODULES_PATH../opencv_contrib/modules \ -D CUDA_TOOLKIT_ROOT_DIR/usr/local/cuda-12.2 \ 其中/home/lixin/anaconda3/envs/stereo 改成你自己的conda环境 cmake -D CMAKE_BUILD_TYPER…...

编程日记 2023/9/13 12:56:11

R语言中的数据结构----矩阵

目录 &#xff08;1&#xff09;创建矩阵 &#xff08;2&#xff09; 线性代数运算 &#xff08;3&#xff09;矩阵索引 &#xff08;4&#xff09;矩阵元素的筛选 &#xff08;5&#xff09;增加或删除矩阵的行或列 &#xff08;6&#xff09;apply()函数 &#xff08;…...

编程日记 2023/9/13 12:55:10

Llama-2 推理和微调的硬件要求总结：RTX 3080 就可以微调最小模型

大语言模型微调是指对已经预训练的大型语言模型&#xff08;例如Llama-2&#xff0c;Falcon等&#xff09;进行额外的训练&#xff0c;以使其适应特定任务或领域的需求。微调通常需要大量的计算资源&#xff0c;但是通过量化和Lora等方法&#xff0c;我们也可以在消费级的GPU上…...

编程日记 2023/9/13 12:53:06

C++多线程的用法（包含线程池小项目）

一些小tips: 编译命令如下&#xff1a; g 7.thread_pool.cpp -lpthread 查看运行时间&#xff1a; time ./a.out 获得本进程的进程id&#xff1a; this_thread::get_id() 需要引入的库函数有&#xff1a; #include<thread> // 引入线程库 #include<mutex> //…...

编程日记 2023/9/13 12:50:03

react ant ice3 实现点击一级菜单自动打开它下面最深的第一个子菜单

1.问题 默认的如果没有你的菜单结构是这样的&#xff1a; [{children: [{name: "通用配置"parentId: "1744857774620672"path: "basic"}],name: "系统管理"parentId: "-1"path: "system"} ]可以看到每层菜单的p…...

编程日记 2023/9/13 12:49:02

关于 Qt串口不同电脑出现不同串口号打开失败 的解决方法

若该文为原创文章&#xff0c;转载请注明原文出处 本文章博客地址&#xff1a;https://hpzwl.blog.csdn.net/article/details/132842297 红胖子(红模仿)的博文大全&#xff1a;开发技术集合&#xff08;包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单片机、软…...

编程日记 2023/9/13 12:48:01

可观测性在灰度发布中的应用

前言 随着云计算的发展、云原生时代的来临&#xff0c;企业数字化转型进程不断深入&#xff0c;应用开发也越来越多地基于微服务化模式&#xff0c;快速迭代的能力使得应用开发更高效、更灵活。同时&#xff0c;也不得不面临应用版本快速升级所带来的的巨大挑战。 传统的发布方…...

编程日记 2023/9/13 12:47:00

vscode开发油猴插件环境配置指南

文章目录 一、环境配置1.1油猴插件开始编写代码1.2油猴插件配置1.2.1浏览器插件权限1.2.2插件自身权限 2. 油猴脚本API学习2.1 头文件2.2 油猴API 一、环境配置 1.1油猴插件开始编写代码 在vscode 中写入如下代码‘ // UserScript // name cds_test // namespace …...

编程日记 2023/9/13 12:45:59

网站不收录没排名降权怎么处理-紧急措施可恢复网站

网站降权对于SEO人员来说是非常致命的打击&#xff0c;因为网站一旦被搜索引擎降权&#xff0c;排名会严重地下降&#xff0c;网站的流量也会大幅下降&#xff0c;直接影响到收益。而且处理不好的话会导致恢复的时间周期无限拉长&#xff0c;所以网站被降权后我们要第一时间采取…...

编程日记 2023/9/13 12:42:57

C++vector模拟实现

vector模拟实现 1.构造函数2.拷贝构造3.析构赋值运算符重载4.iterator5.modifiers5.1push_back5.2pop_back5.3empty5.4insert5.5erase5.6swap 6.Capacity6.1size6.2capacity6.3reserve6.4resize6.5empty 7.Element access7.1operator[]7.2at 8.在谈reserve vector官方库实现的是…...

编程日记 2023/9/13 12:40:55

《DATASET DISTILLATION》

这篇文章提出了数据浓缩的办法&#xff0c;在前面已有的知识浓缩&#xff08;压缩模型&#xff09;的经验上&#xff0c;提出了不压缩模型&#xff0c;转而压缩数据集的办法&#xff0c;在压缩数据集上训练模型得到的效果尽可能地接近原始数据集的效果。 摘要 模型蒸馏的目的是…...

编程日记 2023/9/13 12:37:52

GDPU 数据结构 天码行空1

1. 病历信息管理 实现病历查询功能。具体要求如下: 定义一个结构体描述病人病历信息(病历号,姓名,症状)&#xff1b;完成功能如下: 输入功能:输入5个病人的信息&#xff1b; 查询功能:输入姓名&#xff0c;在5个病历中进行查找&#xff0c;如果找到则显示该人的信息&#xff0c…...

编程日记 2023/9/13 12:36:51

那个公司做网站好/专注于品牌营销服务

namedtuple的需求&#xff1a; t (“kiosk”, ‘pts/0’, ‘localhost’) info {‘kiosk’ : { ‘name’: “kiosk”, ‘node’: ‘localhost’ }} 为元组的局限性&#xff1a;不能为元组内部的数据进行命名&#xff0c;所以往往我们并不知道一个元组所要表达的意义&#xff…...

编程日记 2025/1/10 8:48:44

网站建设hbwnet/上海网站营销推广

Ⅲ 程序清单及程序运行结果1.程序清单/* Note:Your choice is C IDE */#include "stdio.h"#include "conio.h"#include "string.h"#define N 10#define M 20#define N1 10int J0;struct worker{intnum; /*结构体中定义的职工号*/charname[M]; /*…...

编程日记 2025/1/10 4:25:11

discuz论坛门户网站模板/深度搜索

报错&#xff1a;由于Jenkins无法在其上启动从属代理,因此该节点处于脱机状态 This agent is offline because Jenkins failed to launch the agent process on 解决&#xff1a; 我的这个slave还连接了另外的一个master节点&#xff0c;所以在连接新的master节点的时候&#…...

编程日记 2025/1/10 2:07:03

做内部优惠券网站/西安关键词优化排名

数组的类型Bash提供了2种数组类型&#xff0c;索引&#xff08;indexed&#xff09;和关联&#xff08;associative&#xff09;数组。索引数组&#xff08;下标从0开始&#xff09;较常用&#xff0c;下面是其的使用。数组的创建通过shell内建命令declare显式创建&#xff0c;…...

编程日记 2025/1/10 1:01:05

电商网站建设日程表/近期时事新闻10条

问&#xff1a;请问购买了一台华为AX3Pro路由器怎么从原来旧路由器获取宽带账号密码呢&#xff1f;家里的宽带账号密码找不到了&#xff0c;华为AX3Pro答&#xff1a;华为或荣耀的路由器均支持新旧路由器换机的功能&#xff0c;也就是从旧路由器通过克隆宽带账号密码的功能实现…...

编程日记 2025/1/9 23:11:33

网站操作体验/网站下载免费软件

<VirtualHost *:443> #修改为申请证书时绑定的域名www.YourDomainName1.com。 ServerName www.qiangshangkeji.com DocumentRoot /new/web/web/www.qiangshangkeji.com/public SSLEngine on #添加SSL协议支持协议&#xff0c;去掉不安…...

编程日记 2025/1/9 22:56:17