Vue3整合Tailwindcss之padding样式类

04 常用基础样式

padding 样式类

什么是内边距

在这里插入图片描述

基础样式

ClassProperties
p-0padding: 0px;
px-0padding-left: 0px; padding-right: 0px;
py-0padding-top: 0px; padding-bottom: 0px;
ps-0padding-inline-start: 0px;
pe-0padding-inline-end: 0px;
pt-0padding-top: 0px;
pr-0padding-right: 0px;
pb-0padding-bottom: 0px;
pl-0padding-left: 0px;
p-pxpadding: 1px;
px-pxpadding-left: 1px; padding-right: 1px;
py-pxpadding-top: 1px; padding-bottom: 1px;
ps-pxpadding-inline-start: 1px;
pe-pxpadding-inline-end: 1px;
pt-pxpadding-top: 1px;
pr-pxpadding-right: 1px;
pb-pxpadding-bottom: 1px;
pl-pxpadding-left: 1px;
p-0.5padding: 0.125rem; /* 2px */
px-0.5padding-left: 0.125rem; /* 2px / padding-right: 0.125rem; / 2px */
py-0.5padding-top: 0.125rem; /* 2px / padding-bottom: 0.125rem; / 2px */
ps-0.5padding-inline-start: 0.125rem; /* 2px */
pe-0.5padding-inline-end: 0.125rem; /* 2px */
pt-0.5padding-top: 0.125rem; /* 2px */
pr-0.5padding-right: 0.125rem; /* 2px */
pb-0.5padding-bottom: 0.125rem; /* 2px */
pl-0.5padding-left: 0.125rem; /* 2px */
p-1padding: 0.25rem; /* 4px */
px-1padding-left: 0.25rem; /* 4px / padding-right: 0.25rem; / 4px */
py-1padding-top: 0.25rem; /* 4px / padding-bottom: 0.25rem; / 4px */
ps-1padding-inline-start: 0.25rem; /* 4px */
pe-1padding-inline-end: 0.25rem; /* 4px */
pt-1padding-top: 0.25rem; /* 4px */
pr-1padding-right: 0.25rem; /* 4px */
pb-1padding-bottom: 0.25rem; /* 4px */
pl-1padding-left: 0.25rem; /* 4px */
p-1.5padding: 0.375rem; /* 6px */
px-1.5padding-left: 0.375rem; /* 6px / padding-right: 0.375rem; / 6px */
py-1.5padding-top: 0.375rem; /* 6px / padding-bottom: 0.375rem; / 6px */
ps-1.5padding-inline-start: 0.375rem; /* 6px */
pe-1.5padding-inline-end: 0.375rem; /* 6px */
pt-1.5padding-top: 0.375rem; /* 6px */
pr-1.5padding-right: 0.375rem; /* 6px */
pb-1.5padding-bottom: 0.375rem; /* 6px */
pl-1.5padding-left: 0.375rem; /* 6px */
p-2padding: 0.5rem; /* 8px */
px-2padding-left: 0.5rem; /* 8px / padding-right: 0.5rem; / 8px */
py-2padding-top: 0.5rem; /* 8px / padding-bottom: 0.5rem; / 8px */
ps-2padding-inline-start: 0.5rem; /* 8px */
pe-2padding-inline-end: 0.5rem; /* 8px */
pt-2padding-top: 0.5rem; /* 8px */
pr-2padding-right: 0.5rem; /* 8px */
pb-2padding-bottom: 0.5rem; /* 8px */
pl-2padding-left: 0.5rem; /* 8px */
p-2.5padding: 0.625rem; /* 10px */
px-2.5padding-left: 0.625rem; /* 10px / padding-right: 0.625rem; / 10px */
py-2.5padding-top: 0.625rem; /* 10px / padding-bottom: 0.625rem; / 10px */
ps-2.5padding-inline-start: 0.625rem; /* 10px */
pe-2.5padding-inline-end: 0.625rem; /* 10px */
pt-2.5padding-top: 0.625rem; /* 10px */
pr-2.5padding-right: 0.625rem; /* 10px */
pb-2.5padding-bottom: 0.625rem; /* 10px */
pl-2.5padding-left: 0.625rem; /* 10px */
p-3padding: 0.75rem; /* 12px */
px-3padding-left: 0.75rem; /* 12px / padding-right: 0.75rem; / 12px */
py-3padding-top: 0.75rem; /* 12px / padding-bottom: 0.75rem; / 12px */
ps-3padding-inline-start: 0.75rem; /* 12px */
pe-3padding-inline-end: 0.75rem; /* 12px */
pt-3padding-top: 0.75rem; /* 12px */
pr-3padding-right: 0.75rem; /* 12px */
pb-3padding-bottom: 0.75rem; /* 12px */
pl-3padding-left: 0.75rem; /* 12px */
p-3.5padding: 0.875rem; /* 14px */
px-3.5padding-left: 0.875rem; /* 14px / padding-right: 0.875rem; / 14px */
py-3.5padding-top: 0.875rem; /* 14px / padding-bottom: 0.875rem; / 14px */
ps-3.5padding-inline-start: 0.875rem; /* 14px */
pe-3.5padding-inline-end: 0.875rem; /* 14px */
pt-3.5padding-top: 0.875rem; /* 14px */
pr-3.5padding-right: 0.875rem; /* 14px */
pb-3.5padding-bottom: 0.875rem; /* 14px */
pl-3.5padding-left: 0.875rem; /* 14px */
p-4padding: 1rem; /* 16px */
px-4padding-left: 1rem; /* 16px / padding-right: 1rem; / 16px */
py-4padding-top: 1rem; /* 16px / padding-bottom: 1rem; / 16px */
ps-4padding-inline-start: 1rem; /* 16px */
pe-4padding-inline-end: 1rem; /* 16px */
pt-4padding-top: 1rem; /* 16px */
pr-4padding-right: 1rem; /* 16px */
pb-4padding-bottom: 1rem; /* 16px */
pl-4padding-left: 1rem; /* 16px */
p-5padding: 1.25rem; /* 20px */
px-5padding-left: 1.25rem; /* 20px / padding-right: 1.25rem; / 20px */
py-5padding-top: 1.25rem; /* 20px / padding-bottom: 1.25rem; / 20px */
ps-5padding-inline-start: 1.25rem; /* 20px */
pe-5padding-inline-end: 1.25rem; /* 20px */
pt-5padding-top: 1.25rem; /* 20px */
pr-5padding-right: 1.25rem; /* 20px */
pb-5padding-bottom: 1.25rem; /* 20px */
pl-5padding-left: 1.25rem; /* 20px */
p-6padding: 1.5rem; /* 24px */
px-6padding-left: 1.5rem; /* 24px / padding-right: 1.5rem; / 24px */
py-6padding-top: 1.5rem; /* 24px / padding-bottom: 1.5rem; / 24px */
ps-6padding-inline-start: 1.5rem; /* 24px */
pe-6padding-inline-end: 1.5rem; /* 24px */
pt-6padding-top: 1.5rem; /* 24px */
pr-6padding-right: 1.5rem; /* 24px */
pb-6padding-bottom: 1.5rem; /* 24px */
pl-6padding-left: 1.5rem; /* 24px */
p-7padding: 1.75rem; /* 28px */
px-7padding-left: 1.75rem; /* 28px / padding-right: 1.75rem; / 28px */
py-7padding-top: 1.75rem; /* 28px / padding-bottom: 1.75rem; / 28px */
ps-7padding-inline-start: 1.75rem; /* 28px */
pe-7padding-inline-end: 1.75rem; /* 28px */
pt-7padding-top: 1.75rem; /* 28px */
pr-7padding-right: 1.75rem; /* 28px */
pb-7padding-bottom: 1.75rem; /* 28px */
pl-7padding-left: 1.75rem; /* 28px */
p-8padding: 2rem; /* 32px */
px-8padding-left: 2rem; /* 32px / padding-right: 2rem; / 32px */
py-8padding-top: 2rem; /* 32px / padding-bottom: 2rem; / 32px */
ps-8padding-inline-start: 2rem; /* 32px */
pe-8padding-inline-end: 2rem; /* 32px */
pt-8padding-top: 2rem; /* 32px */
pr-8padding-right: 2rem; /* 32px */
pb-8padding-bottom: 2rem; /* 32px */
pl-8padding-left: 2rem; /* 32px */
p-9padding: 2.25rem; /* 36px */
px-9padding-left: 2.25rem; /* 36px / padding-right: 2.25rem; / 36px */
py-9padding-top: 2.25rem; /* 36px / padding-bottom: 2.25rem; / 36px */
ps-9padding-inline-start: 2.25rem; /* 36px */
pe-9padding-inline-end: 2.25rem; /* 36px */
pt-9padding-top: 2.25rem; /* 36px */
pr-9padding-right: 2.25rem; /* 36px */
pb-9padding-bottom: 2.25rem; /* 36px */
pl-9padding-left: 2.25rem; /* 36px */
p-10padding: 2.5rem; /* 40px */
px-10padding-left: 2.5rem; /* 40px / padding-right: 2.5rem; / 40px */
py-10padding-top: 2.5rem; /* 40px / padding-bottom: 2.5rem; / 40px */
ps-10padding-inline-start: 2.5rem; /* 40px */
pe-10padding-inline-end: 2.5rem; /* 40px */
pt-10padding-top: 2.5rem; /* 40px */
pr-10padding-right: 2.5rem; /* 40px */
pb-10padding-bottom: 2.5rem; /* 40px */
pl-10padding-left: 2.5rem; /* 40px */
p-11padding: 2.75rem; /* 44px */
px-11padding-left: 2.75rem; /* 44px / padding-right: 2.75rem; / 44px */
py-11padding-top: 2.75rem; /* 44px / padding-bottom: 2.75rem; / 44px */
ps-11padding-inline-start: 2.75rem; /* 44px */
pe-11padding-inline-end: 2.75rem; /* 44px */
pt-11padding-top: 2.75rem; /* 44px */
pr-11padding-right: 2.75rem; /* 44px */
pb-11padding-bottom: 2.75rem; /* 44px */
pl-11padding-left: 2.75rem; /* 44px */
p-12padding: 3rem; /* 48px */
px-12padding-left: 3rem; /* 48px / padding-right: 3rem; / 48px */
py-12padding-top: 3rem; /* 48px / padding-bottom: 3rem; / 48px */
ps-12padding-inline-start: 3rem; /* 48px */
pe-12padding-inline-end: 3rem; /* 48px */
pt-12padding-top: 3rem; /* 48px */
pr-12padding-right: 3rem; /* 48px */
pb-12padding-bottom: 3rem; /* 48px */
pl-12padding-left: 3rem; /* 48px */
p-14padding: 3.5rem; /* 56px */
px-14padding-left: 3.5rem; /* 56px / padding-right: 3.5rem; / 56px */
py-14padding-top: 3.5rem; /* 56px / padding-bottom: 3.5rem; / 56px */
ps-14padding-inline-start: 3.5rem; /* 56px */
pe-14padding-inline-end: 3.5rem; /* 56px */
pt-14padding-top: 3.5rem; /* 56px */
pr-14padding-right: 3.5rem; /* 56px */
pb-14padding-bottom: 3.5rem; /* 56px */
pl-14padding-left: 3.5rem; /* 56px */
p-16padding: 4rem; /* 64px */
px-16padding-left: 4rem; /* 64px / padding-right: 4rem; / 64px */
py-16padding-top: 4rem; /* 64px / padding-bottom: 4rem; / 64px */
ps-16padding-inline-start: 4rem; /* 64px */
pe-16padding-inline-end: 4rem; /* 64px */
pt-16padding-top: 4rem; /* 64px */
pr-16padding-right: 4rem; /* 64px */
pb-16padding-bottom: 4rem; /* 64px */
pl-16padding-left: 4rem; /* 64px */
p-20padding: 5rem; /* 80px */
px-20padding-left: 5rem; /* 80px / padding-right: 5rem; / 80px */
py-20padding-top: 5rem; /* 80px / padding-bottom: 5rem; / 80px */
ps-20padding-inline-start: 5rem; /* 80px */
pe-20padding-inline-end: 5rem; /* 80px */
pt-20padding-top: 5rem; /* 80px */
pr-20padding-right: 5rem; /* 80px */
pb-20padding-bottom: 5rem; /* 80px */
pl-20padding-left: 5rem; /* 80px */
p-24padding: 6rem; /* 96px */
px-24padding-left: 6rem; /* 96px / padding-right: 6rem; / 96px */
py-24padding-top: 6rem; /* 96px / padding-bottom: 6rem; / 96px */
ps-24padding-inline-start: 6rem; /* 96px */
pe-24padding-inline-end: 6rem; /* 96px */
pt-24padding-top: 6rem; /* 96px */
pr-24padding-right: 6rem; /* 96px */
pb-24padding-bottom: 6rem; /* 96px */
pl-24padding-left: 6rem; /* 96px */
p-28padding: 7rem; /* 112px */
px-28padding-left: 7rem; /* 112px / padding-right: 7rem; / 112px */
py-28padding-top: 7rem; /* 112px / padding-bottom: 7rem; / 112px */
ps-28padding-inline-start: 7rem; /* 112px */
pe-28padding-inline-end: 7rem; /* 112px */
pt-28padding-top: 7rem; /* 112px */
pr-28padding-right: 7rem; /* 112px */
pb-28padding-bottom: 7rem; /* 112px */
pl-28padding-left: 7rem; /* 112px */
p-32padding: 8rem; /* 128px */
px-32padding-left: 8rem; /* 128px / padding-right: 8rem; / 128px */
py-32padding-top: 8rem; /* 128px / padding-bottom: 8rem; / 128px */
ps-32padding-inline-start: 8rem; /* 128px */
pe-32padding-inline-end: 8rem; /* 128px */
pt-32padding-top: 8rem; /* 128px */
pr-32padding-right: 8rem; /* 128px */
pb-32padding-bottom: 8rem; /* 128px */
pl-32padding-left: 8rem; /* 128px */
p-36padding: 9rem; /* 144px */
px-36padding-left: 9rem; /* 144px / padding-right: 9rem; / 144px */
py-36padding-top: 9rem; /* 144px / padding-bottom: 9rem; / 144px */
ps-36padding-inline-start: 9rem; /* 144px */
pe-36padding-inline-end: 9rem; /* 144px */
pt-36padding-top: 9rem; /* 144px */
pr-36padding-right: 9rem; /* 144px */
pb-36padding-bottom: 9rem; /* 144px */
pl-36padding-left: 9rem; /* 144px */
p-40padding: 10rem; /* 160px */
px-40padding-left: 10rem; /* 160px / padding-right: 10rem; / 160px */
py-40padding-top: 10rem; /* 160px / padding-bottom: 10rem; / 160px */
ps-40padding-inline-start: 10rem; /* 160px */
pe-40padding-inline-end: 10rem; /* 160px */
pt-40padding-top: 10rem; /* 160px */
pr-40padding-right: 10rem; /* 160px */
pb-40padding-bottom: 10rem; /* 160px */
pl-40padding-left: 10rem; /* 160px */
p-44padding: 11rem; /* 176px */
px-44padding-left: 11rem; /* 176px / padding-right: 11rem; / 176px */
py-44padding-top: 11rem; /* 176px / padding-bottom: 11rem; / 176px */
ps-44padding-inline-start: 11rem; /* 176px */
pe-44padding-inline-end: 11rem; /* 176px */
pt-44padding-top: 11rem; /* 176px */
pr-44padding-right: 11rem; /* 176px */
pb-44padding-bottom: 11rem; /* 176px */
pl-44padding-left: 11rem; /* 176px */
p-48padding: 12rem; /* 192px */
px-48padding-left: 12rem; /* 192px / padding-right: 12rem; / 192px */
py-48padding-top: 12rem; /* 192px / padding-bottom: 12rem; / 192px */
ps-48padding-inline-start: 12rem; /* 192px */
pe-48padding-inline-end: 12rem; /* 192px */
pt-48padding-top: 12rem; /* 192px */
pr-48padding-right: 12rem; /* 192px */
pb-48padding-bottom: 12rem; /* 192px */
pl-48padding-left: 12rem; /* 192px */
p-52padding: 13rem; /* 208px */
px-52padding-left: 13rem; /* 208px / padding-right: 13rem; / 208px */
py-52padding-top: 13rem; /* 208px / padding-bottom: 13rem; / 208px */
ps-52padding-inline-start: 13rem; /* 208px */
pe-52padding-inline-end: 13rem; /* 208px */
pt-52padding-top: 13rem; /* 208px */
pr-52padding-right: 13rem; /* 208px */
pb-52padding-bottom: 13rem; /* 208px */
pl-52padding-left: 13rem; /* 208px */
p-56padding: 14rem; /* 224px */
px-56padding-left: 14rem; /* 224px / padding-right: 14rem; / 224px */
py-56padding-top: 14rem; /* 224px / padding-bottom: 14rem; / 224px */
ps-56padding-inline-start: 14rem; /* 224px */
pe-56padding-inline-end: 14rem; /* 224px */
pt-56padding-top: 14rem; /* 224px */
pr-56padding-right: 14rem; /* 224px */
pb-56padding-bottom: 14rem; /* 224px */
pl-56padding-left: 14rem; /* 224px */
p-60padding: 15rem; /* 240px */
px-60padding-left: 15rem; /* 240px / padding-right: 15rem; / 240px */
py-60padding-top: 15rem; /* 240px / padding-bottom: 15rem; / 240px */
ps-60padding-inline-start: 15rem; /* 240px */
pe-60padding-inline-end: 15rem; /* 240px */
pt-60padding-top: 15rem; /* 240px */
pr-60padding-right: 15rem; /* 240px */
pb-60padding-bottom: 15rem; /* 240px */
pl-60padding-left: 15rem; /* 240px */
p-64padding: 16rem; /* 256px */
px-64padding-left: 16rem; /* 256px / padding-right: 16rem; / 256px */
py-64padding-top: 16rem; /* 256px / padding-bottom: 16rem; / 256px */
ps-64padding-inline-start: 16rem; /* 256px */
pe-64padding-inline-end: 16rem; /* 256px */
pt-64padding-top: 16rem; /* 256px */
pr-64padding-right: 16rem; /* 256px */
pb-64padding-bottom: 16rem; /* 256px */
pl-64padding-left: 16rem; /* 256px */
p-72padding: 18rem; /* 288px */
px-72padding-left: 18rem; /* 288px / padding-right: 18rem; / 288px */
py-72padding-top: 18rem; /* 288px / padding-bottom: 18rem; / 288px */
ps-72padding-inline-start: 18rem; /* 288px */
pe-72padding-inline-end: 18rem; /* 288px */
pt-72padding-top: 18rem; /* 288px */
pr-72padding-right: 18rem; /* 288px */
pb-72padding-bottom: 18rem; /* 288px */
pl-72padding-left: 18rem; /* 288px */
p-80padding: 20rem; /* 320px */
px-80padding-left: 20rem; /* 320px / padding-right: 20rem; / 320px */
py-80padding-top: 20rem; /* 320px / padding-bottom: 20rem; / 320px */
ps-80padding-inline-start: 20rem; /* 320px */
pe-80padding-inline-end: 20rem; /* 320px */
pt-80padding-top: 20rem; /* 320px */
pr-80padding-right: 20rem; /* 320px */
pb-80padding-bottom: 20rem; /* 320px */
pl-80padding-left: 20rem; /* 320px */
p-96padding: 24rem; /* 384px */
px-96padding-left: 24rem; /* 384px / padding-right: 24rem; / 384px */
py-96padding-top: 24rem; /* 384px / padding-bottom: 24rem; / 384px */
ps-96padding-inline-start: 24rem; /* 384px */
pe-96padding-inline-end: 24rem; /* 384px */
pt-96padding-top: 24rem; /* 384px */
pr-96padding-right: 24rem; /* 384px */
pb-96padding-bottom: 24rem; /* 384px */
pl-96padding-left: 24rem; /* 384px */

基础样式类总结

p-1 到 p-96，设置四个方向的内边距，数字越大，内边距越大。

px-1 到 px-96，设置水平方向的内边距，数字越大，内边距越大。

py-1 到 py-96，设置垂直方向的内边距，数字越大，内边距越大。

数字间隔：

  • 1-12是连续的
  • 12-52是间隔2
  • 52到64间隔4
  • 64以后间隔8

关键字：

  • p：四个方向
  • px：水平方向
  • py：垂直方向
  • pt：上边
  • pr：右边
  • pb：下边
  • pl：左边

案例：设置四个方向的内边距

需求：在一行显示四个盒子，给每个盒子分别设置四个方向上的内边距，然后观察效果。

vue3示例：

<script setup>
</script>
<template><div class="flex gap-4 py-8 bg-indigo-50"><div class="pt-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-3xl text-white">1</div><div class="pr-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-3xl text-white">2</div><div class="pb-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-3xl text-white">3</div><div class="pl-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-3xl text-white">4</div></div>
</template>

在这里插入图片描述

案例：设置水平方向和垂直方向的内边距

需求：在一行显示两个盒子，分别设置水平方向和垂直方向的内边距，观察效果。

vue3示例：

<script setup>
</script>
<template>
<div class="flex gap-4 p-8 bg-indigo-50"><div class="px-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-white text-3xl">1</div><div class="py-12 box-border bg-indigo-500 flex-1 h-32 rounded flex justify-center items-center font-bold text-white text-3xl">2</div>
</div>
</template>

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/22448.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

kafka-生产者监听器（SpringBoot整合Kafka）

kafka-生产者监听器（SpringBoot整合Kafka）

文章目录 1、生产者监听器1.1、创建生产者监听器1.2、发送消息测试1.3、使用Java代码创建主题分区副本1.4、application.yml配置----v1版1.5、屏蔽 kafka debug 日志 logback.xml1.6、引入spring-kafka依赖1.7、控制台日志 1、生产者监听器 1.1、创建生产者监听器 package co…
阅读更多...
图片批量纵向拼接神器：轻松插入间隔像素，生成真彩绚丽长图，让你的创意无限延伸！

图片批量纵向拼接神器：轻松插入间隔像素，生成真彩绚丽长图，让你的创意无限延伸！

在数字艺术的世界里&#xff0c;图片拼接早已不再是简单的组合&#xff0c;而是创意与技术的融合。如果你正在寻找一款能够快速将图片进行纵向拼接&#xff0c;并且能轻松插入间隔像素&#xff0c;同时保证色彩绚丽的神器&#xff0c;那么&#xff0c;我们首助编辑高手的长图拼…
阅读更多...
如何实现单例模式及不同实现方法分析-设计模式

如何实现单例模式及不同实现方法分析-设计模式

这是 一道面试常考题&#xff1a;&#xff08;经常会在面试中让手写一下&#xff09; 什么是单例模式 【问什么是单例模式时&#xff0c;不要答非所问&#xff0c;给出单例模式有两种类型之类的回答&#xff0c;要围绕单例模式的定义去展开。】 单例模式是指在内存中只会创建…
阅读更多...
React 中的 ForwardRef的使用

React 中的 ForwardRef的使用

React 中的 forwardRef Hooks 是指将子组件的 Dom 节点暴露给给父组件&#xff0c;在 React 中如果想要访问 Dom 节点是通过 useRef 这个 hooks&#xff0c;而 forwardHook 在 useRef 做了扩展。useRef 是当前组件中间中的节点&#xff0c;而 forwardRef 相当于做了一层封装将父…
阅读更多...
springAOP 使用aop代替SqlsessionUtil业务层操作

springAOP 使用aop代替SqlsessionUtil业务层操作

在Maven框架pom配置文件中导入spring相关依赖&#xff1a; <dependencies><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>8.0.33</version></dependency><dependency…
阅读更多...
mac配置Personal Access Tokens

mac配置Personal Access Tokens

背景 在macbook环境中&#xff0c;使用idea、android studio、xcode时&#xff0c;使用gitlab需要登录&#xff0c;而直接使用文明密码是不允许登录的&#xff0c;这时就需要换种方式&#xff0c;这里有两种&#xff1a;ssh、Access Tokens&#xff0c;在公用电脑上推荐使用Ac…
阅读更多...
第一个SpringBoot项目

第一个SpringBoot项目

目录 &#x1f4ad;1、新建New Project IDEA2023版本创建Sping项目只能勾选17和21&#xff0c;却无法使用Java8&#xff1f;&#x1f31f; 2、下载JDK 17&#x1f31f; &#x1f4ad;2、项目创建成功界面 1、目录 &#x1f31f; 2、pom文件&#x1f31f; &#x1f4ad;3、…
阅读更多...
【数据分享】中国民政统计年鉴（1949-2022）

【数据分享】中国民政统计年鉴（1949-2022）

大家好&#xff01;今天我要向大家介绍一份重要的中国民政统计数据资源——《中国民政统计年鉴》。这份年鉴涵盖了从1949年到2022年中国民政统计全面数据&#xff0c;并提供限时免费下载。&#xff08;无需分享朋友圈即可获取&#xff09; 数据介绍 从1949年到2022年&#xf…
阅读更多...
云原生架构案例分析_4.某电商业务云原生改造

云原生架构案例分析_4.某电商业务云原生改造

名称解释&#xff1a; AHAS&#xff1a;应用高可用服务&#xff08;Application High Availability Service&#xff09;是一款专注于提高应用高可用能力的SaaS产品&#xff0c;主要包含多活容灾、故障演练和流量防护三个独立的功能模块。其中流量防护已迁移至微服务治理服务MS…
阅读更多...
再度“冲三”失利的泸州老窖，还能拿出什么“杀手锏”？

再度“冲三”失利的泸州老窖，还能拿出什么“杀手锏”？

正值“618”&#xff0c;白酒行业也迎来了重要创收时刻。 据悉&#xff0c;天猫“618购物节”开卖首日&#xff0c;酒水直播销售额增长超1300%&#xff0c;拉动白酒行业增长147%。 这一增长背后&#xff0c;赛道的火药味也愈发浓厚&#xff0c;今年618大促中&#xff0c;五粮…
阅读更多...
【电路笔记】-Sallen-Key滤波器

【电路笔记】-Sallen-Key滤波器

Sallen-Key滤波器 Sallen-Key 滤波器拓扑用作实现高阶有源滤波器的构建块。 1、概述 Sallen-Key 滤波器设计是一种二阶有源滤波器拓扑，我们可以将其用作实现高阶滤波器电路的基本构建块，例如低通 (LPF)、高通 (HPF) 和带通 ( BPF）滤波器电路。 正如我们在本滤波器部分中…
阅读更多...
【匹配线段问题】

【匹配线段问题】

问题&#xff1a; 如下图所示。图中有两行正整数&#xff0c;每行中有若干个正整数。如果第一行的某个数r与第二行的某个数相同&#xff0c;这样就可以在这两个正整数之间划一条线&#xff0c;并称之为r-匹配线段。下图中存在3-匹配线段和2-匹配线段。 请编写完整程序&#xf…
阅读更多...
【C语言】详解函数（庖丁解牛版）

【C语言】详解函数（庖丁解牛版）

文章目录 1. 前言2. 函数的概念3.库函数3.1 标准库和头文件3.2 库函数的使用3.2.1 头文件的包含3.2.2 实践 4. 自定义函数4.1 自定义函数的语法形式4.2 函数的举例 5. 形参和实参5.1 实参5.2 形参5.3 实参和形参的关系 6. return 语句6. 总结 1. 前言 一讲到函数这块&#xff…
阅读更多...
数字塔问题

数字塔问题

#include<iostream> using namespace std; //从下向上得到最优值 void dtower(int a[][100],int s[][100],int n) {for(int in; i>1; i--){for(int j1; j<i; j){if(in)s[i][j]a[i][j];else{int ts[i1][j];if(t<s[i1][j1])ts[i1][j1];s[i][j]a[i][j]t;}}} } void…
阅读更多...
前端地图中，已知一个点位，获取相同经度或者纬度下的，某个距离的另一个点位

前端地图中，已知一个点位，获取相同经度或者纬度下的，某个距离的另一个点位

效果图说明&#xff1a;我在圆的中心点位&#xff0c;找到他某个直线距离的另个一点&#xff0c;标注两者之间的距离。如图所示是25000米。 沿纬度方向移动 在相同经度下&#xff0c;计算沿纬度方向移动1000米的新点位&#xff1a; function calculateLatitudePoint(lat, ln…
阅读更多...
10-Django项目--Ajax请求

10-Django项目--Ajax请求

目录 Ajax请求 简单示范 html 数据添加 py文件 html文件 demo_list.html Ajax_data.py 图例 Ajax请求 简单示范 html <input type"button" id"button-one" class"btn btn-success" value"点我"> ​ ​ <script>/…
阅读更多...
如何找出你的Windows 10的内部版本和版本号？这里提供两种方法

如何找出你的Windows 10的内部版本和版本号？这里提供两种方法

你过去可能没有真正考虑过Windows内部版本号，除非这是你工作的一部分。以下是如何了解你运行的Windows 10的内部版本、版本和版本号。 内部版本意味着什么 Windows一直使用内部版本。它们代表着对Windows的重大更新。传统上，大多数人都是根据他们使用的主要命名版本（Windo…
阅读更多...
使用raise语句抛出异常

使用raise语句抛出异常

自学python如何成为大佬(目录):https://blog.csdn.net/weixin_67859959/article/details/139049996?spm1001.2014.3001.5501 如果某个函数或方法可能会产生异常&#xff0c;但不想在当前函数或方法中处理这个异常&#xff0c;则可以使用raise语句在函数或方法中抛出异常。rai…
阅读更多...
学习DHCP动态主机配置协议

学习DHCP动态主机配置协议

目录&#xff1a; dhcp 动态主机配置协议 ftp文件传输协议 dhcp 动态主机配置协议 服务器配置好了地址池 192.168.124.10 -192.168.124.20 客户端从地址池当中随机获取一个ip地址&#xff0c;ip地址会发生变化&#xff0c;使用服务端提供的ip地址&…
阅读更多...
【MATLAB】概述1

【MATLAB】概述1

非 ~ 注释 % 定义 >> 数组 赋值 赋值&#xff1a;>> x1 函数 数组 x[x1,x2] 行向量&#xff08;&#xff0c;or ) x[x1;x2] 列向量 x. 转置等间隔向量 1-10 向量&#xff1a;>>xlinspace(1,10,10) 矩阵 矩阵&#xff1a;>>A[1,2,3;4,5,6;7,8,9] …
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023