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

珠海医疗网站建设公司/阿里指数在哪里看

珠海医疗网站建设公司,阿里指数在哪里看,中国人做跨电商有什么网站,网络营销策略应遵循的原则一:知识前置 1.1、LED灯怎么才能亮? 答:LED需要低电平才能亮,高电平是灯灭。 1.2、LED灯为什么可以越来越亮,越来越暗? 答:这是用到不同占空比来实现的,控制LED实现呼吸灯&…

一:知识前置

1.1、LED灯怎么才能亮?

答:LED需要低电平才能亮,高电平是灯灭。
在这里插入图片描述

1.2、LED灯为什么可以越来越亮,越来越暗?

答:这是用到不同占空比来实现的,控制LED实现呼吸灯,就是通过占空比的高低电平和其持续时间来实现。
在这里插入图片描述

1.3、如何计算周期/频率?

在这里插入图片描述
①例如,要定时500ms,则:PSC=7199,ARR=4999,Tclk=72Mhz。
在这里插入图片描述
②假如频率为 2kHz ,则:PSC=71,ARR=499,
频率和周期是描述波形的两个基本概念,它们之间存在着确定的数学关系。频率是指在单位时间内信号中所包含的周期个数,单位为赫兹(Hz),周期则是每个完整波形所用的时间,单位为秒(s)。

频率 = 1 ÷ 周期
周期 = 1 ÷ 频率
2khz=1/2000s
在这里插入图片描述

1.4、PWM介绍

STM32F103C8T6 PWM资源
高级定时器(TIM1):7路
通用定时器(TIM2-TIM4):各4路
pwm输出模式(硬件规定,这是游戏规则,记住就好):
横坐标是CNT
pwm模式1:在向上计数时,一旦CNT<CCRx时输出为有效电平,否则为无效电平;
在向下计数时,一旦CNT>CCRx时输出为无效电平,否则为有效电平。
pwm模式2:在向上计数时,一旦CNT<CCRx时输出为无效电平,否则为有效电平;
在向下计数时,一旦CNT>CCRx时输出为有效电平,否则为无效电平。
这里CNT和CCRx比较的时间长度就是占空比的持续时间长度(横坐标的长度)。

在这里插入图片描述
所以上文总结下来一句话:PWM占空比是由TIMx_CCRx寄存器决定。

1.5、那么CCRx寄存器是什么?

答:在嵌入式系统中,PWM(脉冲宽度调制)是一种常见的控制技术,用于产生模拟信号或控制电机、灯光等设备。CCR(Capture/Compare Register)寄存器是与PWM相关的一种寄存器,用于设置比较值或捕获值

在PWM模块中,CCR寄存器通常用于存储用于比较的值。对于基于比较的PWM模式,CCR寄存器的值将与定时器计数器的值进行比较,以确定何时改变PWM输出的状态。另外,在输入捕获模式中,CCR寄存器可以用于存储捕获到的定时器计数器的值。

总之,CCR寄存器在PWM模块中扮演着关键的角色,用于控制PWM波形的生成和捕获。

二:实验-用PWM点亮LED实现呼吸灯(hal库)

2.1、需求:使用PWM点亮LED1实现呼吸灯效果。

	呼吸灯效果:呼吸灯效果的原理是通过改变光源的亮度来实现。光源会在一个周期内逐渐从低亮度到高亮度再到低亮度的循环变化。这个周期可以根据具体需求进行调整,通常在几秒钟到几十秒之间。**简单来说就是灯从暗到亮,从亮到暗,只是两者持续的时间可以控制,这个时间就是由占空比也就是PWM控制。**

2.2、读芯片引脚原理图

找LED灯是哪个引脚控制,如图右侧PB8
在这里插入图片描述

2.3、学会看产品手册

LED1连接到哪个定时器的哪一路?

在这里插入图片描述
由STM32F103xx产品手册可以知道引脚PB8是由定时器TIM4的第三个通道3决定的.
这是强大的hal库帮我们封装好的,我们会调用就行了
温馨提示:STM近年来主推且不断更新HAI库和LL库,反而标准库已经好几年不更新了,这样子用stm板子开发速度很快,就是换国产芯片做产品时还是得用标准库

//修改比较值,修改占空比
__HAL_TIM_SetCompare(&htim4, TIM_CHANNEL_3, pwmVal);
在这段代码中,`pwmVal`代表着PWM信号的占空比(Duty Cycle)。
占空比是指高电平时间与周期之比,通常以百分比表示。在使用脉冲宽度调制(PWM)技术控制光源亮度或执行其他需要精确控制的任务时,可以通过修改占空比来调整输出信号的特性。`__HAL_TIM_SetCompare()`函数是针对STM32系列微控制器的HAL库函数,用于设置定时器的比较值,从而改变PWM信号的占空比。
具体而言,`&htim4`表示对定时器4进行操作,`TIM_CHANNEL_3`表示选择第3个通道(channel),而`pwmVal`则是要设置的占空比值。通过修改`pwmVal`的数值,可以调整PWM信号的占空比,进而控制光源的亮度或其他相关功能。
通常,当`pwmVal`为0时,输出信号的占空比为0%,即完全低电平;当`pwmVal`为最大值时,输出信号的占空比为100%,即完全高电平;在中间取值,则可以实现不同亮度或特定需求下的占空比控制。

三:stm32CubeMX实现步骤以及细节

3.1、打开Stm32CubeMX,界面如图

在这里插入图片描述

3.2、选芯片:stm32f103c8t6

在这里插入图片描述

3.3、读芯片引脚原理图

找LED灯是哪个引脚控制,如图右侧PB8
在这里插入图片描述
在这里插入图片描述

3.4、先把LED灯设置为高电平模式

这样子上电之后,灯默认就是关的,这时候代码控制外设翻转高低电平,就可以点灯了(这步以第二张为准,3.7有写)
在这里插入图片描述

这里需要注意的是当在TIM4里面设置之后PB8就变了
在这里插入图片描述

3.5、设置时钟

配置时钟频率
在这里插入图片描述

3.6、RCC配置

在这里插入图片描述

3.7、定时器

在这里插入图片描述记得把极性设置为Low,因为LED灯是低电平才亮。
在这里插入图片描述

3.8、代码自动设置生成的文件

在这里插入图片描述

3.9、图形化最后一步

项目名称:pwm_study

在这里插入图片描述

四:编写业务代码

4.1、在初始化完成的代码之后添加业务代码

下面是所有需要添加的代码,主要看添加的位置,全文只增加了三处代码,其余都没变

uint16_t pwmVal=0; //调整PWM占空比
uint8_t dir=1; //设置改变方向。1:占空比越来越大;0:占空比越来越小// ②使能 Timer4 第3通道 PWM 输出
HAL_TIM_PWM_Start(&htim4,TIM_CHANNEL_3);// ③while循环实现呼吸灯效果
while (1)
{
HAL_Delay(1);if (dir)pwmVal++;elsepwmVal--;if (pwmVal > 500)dir = 0;if (pwmVal == 0)dir =1;//修改比较值,修改占空比__HAL_TIM_SetCompare(&htim4, TIM_CHANNEL_3, pwmVal);
}

4.2 、定义变量

在main.c函数中添加定义变量代码pwmVal和dir

/* USER CODE BEGIN 1 */uint16_t pwmVal = 0;//调整占空比uint8_t dir = 1;//设置改变方向,等于1越来越亮(占空比越来越大),//	等于0就是越来越暗(占空比越来越小)/* USER CODE END 1 */

在这里插入图片描述

4.3、初始化完成后打开PWM

在main中,当GPIO和TIM4初始化之后,才打开PWM

/* USER CODE BEGIN 2 */
HAL_TIM_PWM_Start(&htim4,TIM_CHANNEL_3);//打开pwm要在初始化之后打开/* USER CODE END 2 */

在这里插入图片描述

4.4、在while(1)循环中添加pwmVal占空比代码

用if语句判断灯亮灯灭,在pwm模式1中,看counter和CCRx比较

 /* USER CODE END WHILE */HAL_Delay(1);if(dir)pwmVal++;elsepwmVal--;if(pwmVal > 500)dir = 0;if(pwmVal == 0)dir = 1;//修改比较值,修改占空比__HAL_TIM_SetCompare(&htim4, TIM_CHANNEL_3, pwmVal);

在这里插入图片描述

4.5、main.c总代码,直接复制可用

/* USER CODE BEGIN Header */
/********************************************************************************* @file           : main.c* @brief          : Main program body******************************************************************************* @attention** Copyright (c) 2023 STMicroelectronics.* All rights reserved.** This software is licensed under terms that can be found in the LICENSE file* in the root directory of this software component.* If no LICENSE file comes with this software, it is provided AS-IS.********************************************************************************/
/* USER CODE END Header */
/* Includes ------------------------------------------------------------------*/
#include "main.h"
#include "tim.h"
#include "gpio.h"/* Private includes ----------------------------------------------------------*/
/* USER CODE BEGIN Includes *//* USER CODE END Includes *//* Private typedef -----------------------------------------------------------*/
/* USER CODE BEGIN PTD *//* USER CODE END PTD *//* Private define ------------------------------------------------------------*/
/* USER CODE BEGIN PD */
/* USER CODE END PD *//* Private macro -------------------------------------------------------------*/
/* USER CODE BEGIN PM *//* USER CODE END PM *//* Private variables ---------------------------------------------------------*//* USER CODE BEGIN PV *//* USER CODE END PV *//* Private function prototypes -----------------------------------------------*/
void SystemClock_Config(void);
/* USER CODE BEGIN PFP *//* USER CODE END PFP *//* Private user code ---------------------------------------------------------*/
/* USER CODE BEGIN 0 *//* USER CODE END 0 *//*** @brief  The application entry point.* @retval int*/
int main(void)
{/* USER CODE BEGIN 1 */uint16_t pwmVal = 0;//调整占空比uint8_t dir = 1;//设置改变方向,等于1越来越亮(占空比越来越大),//	等于0就是越来越暗(占空比越来越小)/* USER CODE END 1 *//* MCU Configuration--------------------------------------------------------*//* Reset of all peripherals, Initializes the Flash interface and the Systick. */HAL_Init();/* USER CODE BEGIN Init *//* USER CODE END Init *//* Configure the system clock */SystemClock_Config();/* USER CODE BEGIN SysInit *//* USER CODE END SysInit *//* Initialize all configured peripherals */MX_GPIO_Init();MX_TIM4_Init();/* USER CODE BEGIN 2 */
HAL_TIM_PWM_Start(&htim4,TIM_CHANNEL_3);//打开pwm要在初始化之后打开/* USER CODE END 2 *//* Infinite loop *//* USER CODE BEGIN WHILE */while (1){/* USER CODE END WHILE */HAL_Delay(1);if(dir)pwmVal++;elsepwmVal--;if(pwmVal > 500)dir = 0;if(pwmVal == 0)dir = 1;//修改比较值,修改占空比__HAL_TIM_SetCompare(&htim4, TIM_CHANNEL_3, pwmVal);/* USER CODE BEGIN 3 */}/* USER CODE END 3 */
}/*** @brief System Clock Configuration* @retval None*/
void SystemClock_Config(void)
{RCC_OscInitTypeDef RCC_OscInitStruct = {0};RCC_ClkInitTypeDef RCC_ClkInitStruct = {0};/** Initializes the RCC Oscillators according to the specified parameters* in the RCC_OscInitTypeDef structure.*/RCC_OscInitStruct.OscillatorType = RCC_OSCILLATORTYPE_HSE;RCC_OscInitStruct.HSEState = RCC_HSE_ON;RCC_OscInitStruct.HSEPredivValue = RCC_HSE_PREDIV_DIV1;RCC_OscInitStruct.HSIState = RCC_HSI_ON;RCC_OscInitStruct.PLL.PLLState = RCC_PLL_ON;RCC_OscInitStruct.PLL.PLLSource = RCC_PLLSOURCE_HSE;RCC_OscInitStruct.PLL.PLLMUL = RCC_PLL_MUL9;if (HAL_RCC_OscConfig(&RCC_OscInitStruct) != HAL_OK){Error_Handler();}/** Initializes the CPU, AHB and APB buses clocks*/RCC_ClkInitStruct.ClockType = RCC_CLOCKTYPE_HCLK|RCC_CLOCKTYPE_SYSCLK|RCC_CLOCKTYPE_PCLK1|RCC_CLOCKTYPE_PCLK2;RCC_ClkInitStruct.SYSCLKSource = RCC_SYSCLKSOURCE_PLLCLK;RCC_ClkInitStruct.AHBCLKDivider = RCC_SYSCLK_DIV1;RCC_ClkInitStruct.APB1CLKDivider = RCC_HCLK_DIV2;RCC_ClkInitStruct.APB2CLKDivider = RCC_HCLK_DIV1;if (HAL_RCC_ClockConfig(&RCC_ClkInitStruct, FLASH_LATENCY_2) != HAL_OK){Error_Handler();}
}/* USER CODE BEGIN 4 *//* USER CODE END 4 *//*** @brief  This function is executed in case of error occurrence.* @retval None*/
void Error_Handler(void)
{/* USER CODE BEGIN Error_Handler_Debug *//* User can add his own implementation to report the HAL error return state */__disable_irq();while (1){}/* USER CODE END Error_Handler_Debug */
}#ifdef  USE_FULL_ASSERT
/*** @brief  Reports the name of the source file and the source line number*         where the assert_param error has occurred.* @param  file: pointer to the source file name* @param  line: assert_param error line source number* @retval None*/
void assert_failed(uint8_t *file, uint32_t line)
{/* USER CODE BEGIN 6 *//* User can add his own implementation to report the file name and line number,ex: printf("Wrong parameters value: file %s on line %d\r\n", file, line) *//* USER CODE END 6 */
}
#endif /* USE_FULL_ASSERT */

4.6、呼吸灯效果

1.代码编译,烧录之后
在这里插入图片描述

2.LED灯在500ms内慢慢从亮到灭,从灭到亮
在这里插入图片描述以上,完

相关文章:

嵌入式-stm32-用PWM点亮LED实现呼吸灯

一&#xff1a;知识前置 1.1、LED灯怎么才能亮&#xff1f; 答&#xff1a;LED需要低电平才能亮&#xff0c;高电平是灯灭。 1.2、LED灯为什么可以越来越亮&#xff0c;越来越暗&#xff1f; 答&#xff1a;这是用到不同占空比来实现的&#xff0c;控制LED实现呼吸灯&…...

C语言初学7:循环

while 循环 一、while 循环语法&#xff1a; while(condition) {statement(s); } condition 为任意非零值时都为 true。当条件为 true 时执行循环。 当条件为 false 时&#xff0c;退出循环&#xff0c;程序流将继续执行紧接着循环的下一条语句。 二、while 循环举例 #inc…...

力扣69. x 的平方根

二分查找 思路&#xff1a; 设置 left 指针为 0&#xff0c;right 指针为 x&#xff1b;如果 mid (right - left) / 2 left 的平方小于或等于 x&#xff0c;此时移动 left mid 1&#xff0c;并缓存当前 mid 值&#xff0c;可能这个 mid 就是结果&#xff0c;或者 x 的平方…...

go语言学习计划。

第1周&#xff1a;Go语言概述与环境搭建 内容&#xff1a;了解Go语言的历史、特点和应用场景。安装Go环境&#xff0c;配置工作区。实践&#xff1a;编写第一个Go程序&#xff0c;了解Go的编译运行流程。 第2周&#xff1a;基本语法与数据类型 内容&#xff1a;学习基本数据…...

设计模式之-3种常见的工厂模式简单工厂模式、工厂方法模式和抽象工厂模式,每一种模式的概念、使用场景和优缺点。

系列文章目录 设计模式之-6大设计原则简单易懂的理解以及它们的适用场景和代码示列 设计模式之-单列设计模式&#xff0c;5种单例设计模式使用场景以及它们的优缺点 设计模式之-3种常见的工厂模式简单工厂模式、工厂方法模式和抽象工厂模式&#xff0c;每一种模式的概念、使用…...

docker run --help帮助文档

文章目录 基础环境docker run --helpdocker run --help中文翻译 基础环境 环境&#xff1a;ubuntu20.04 x64 使用apt install docker.io安装docker docker版本&#xff1a; rootky:/userdata/testOnebuttonDeploy/shsany_ai/kyai_arm_ubuntu# docker -v Docker version 24.0…...

【Qt-Timer】

Qt编程指南 ■ QTimeEvent■ Qtimer■ QDateTimeEdit■ QDateTime■■ ■ QTimeEvent 1.启动定时器 定时器ID startTimer (时间间隔); int idt startTimer (250); 每隔指定的时间间隔&#xff0c;触发一次定时器事件。 2.定时器事件处理 virtual void timerEvent (QTimeEvent…...

Java多线程技术五——单例模式与多线程-备份

1 概述 本章的知识点非常重要。在单例模式与多线程技术相结合的过程中&#xff0c;我们能发现很多以前从未考虑过的问题。这些不良的程序设计如果应用在商业项目中将会带来非常大的麻烦。本章的案例也充分说明&#xff0c;线程与某些技术相结合中&#xff0c;我们要考虑的事情会…...

Seem环境安装

创建虚拟环境 conda create -n seem python3.8 conda activate seem 安装相关依赖&#xff1a;&#xff08;不按照的话会报错&#xff09; sudo apt-get install openmpi-bin libopenmpi-devconda install gcc_linux-64pip install mpi4py 导入环境 export PYTHONPATH$(pwd…...

java八股jvm

JVM虚拟机篇-01-JVM介绍、运行流程_哔哩哔哩_bilibili 1.PC程序计数器 2.堆 3.虚拟机栈 4.方法区/永久代/元空间 5.直接内存 JVM虚拟机篇-06-JVM组成-你听过直接内存吗_哔哩哔哩_bilibili 6.双亲委派 从下往上找&#xff0c;有同名类优先使用上级加载器的&#xff0c;不用自己…...

家校互通小程序实战开发02首页搭建

目录 1 创建应用2 搭建首页总结 我们上一篇介绍了家校互通小程序的需求&#xff0c;创建了对应的数据源。有了这个基础的分析之后&#xff0c;我们就可以进入到开发阶段了。开发小程序&#xff0c;先需要创建应用。 1 创建应用 登录控制台&#xff0c;点击创建应用&#xff0c…...

使用matlab制作声音采样率转换、播放以及显示的界面

利用matlab做一个声音采样率转换、播放以及显示的界面 大抵流程&#xff1a; 图形界面创建&#xff1a;使用figure函数创建名为“声音采样率转换”的图形界面&#xff0c;并设置了其位置和大小。 按钮和文本框&#xff1a;使用uicontrol函数创建了选择音频文件的按钮、显示当前…...

FPGA-AMBA协议、APB协议、AHB规范、AXI4协议规范概述及它们之间的关系

FPGA-AMBA协议、APB协议、AHB协议、AXI&#xff14;协议规范概述 笔记记录&#xff0c;AMBA协议、APB协议、AHB规范、AXI&#xff14;协议规范概述&#xff0c;只是概述描述&#xff0c;具体详细的协议地址传输、数据传输等内容将在下一章节详细说明。 文章目录 FPGA-AMBA协议…...

NI VeriStand中的硬件I / O延迟时间

NI VeriStand中的硬件I / O延迟时间 - NI 适用于 软件 VeriStand 问题详述 在我的VeriStand项目中&#xff0c;我要从DAQ或FPGA硬件中获取数据&#xff0c;在模型中处理输出&#xff0c;然后输出数据。在硬件输入和输出之间&#xff0c;我应该期望什么样的延迟&#xff1f;如…...

YoloV8的目标检测推理

YoloV8的目标检测推理 原始的YoloV8封装的层次太高&#xff0c;想要为我们所用可能需要阅读很多API&#xff0c;下面给出比较简单的使用方式 导入所需的库 os&#xff1a;用于操作文件系统。cv2 (OpenCV)&#xff1a;用于图像处理。numpy&#xff1a;提供数学运算&#xff0…...

c语言中数据结构

一、结构体的由来 1. 数据类型的不足 C语言中&#xff0c;基本数据类型只有整型、字符型、浮点型等少数几种&#xff0c;无法满足复杂数据类型的需要。 2. 数组的限制 虽然数组可以存储多个同类型的数据&#xff0c;但是数组中的元素个数是固定的&#xff0c;无法动态地改变…...

【GitHub精选项目】抖音/ TikTok 视频下载:TikTokDownloader 操作指南

前言 本文为大家带来的是 JoeanAmier 开发的 TikTokDownloader 项目&#xff0c;这是一个高效的下载 抖音/ TikTok 视频的开源工具。特别适合用户们保存他们喜欢的视频或分享给其他人。 TikTokDownloader 是一个专门设计用于下载 TikTok 视频的工具&#xff0c;旨在为用户提供一…...

Java开发框架和中间件面试题(3)

14.Spring事务中的隔离级别有哪几种&#xff1f; 在TransactionDefinition接口中定义了五个表示隔离级别的常量&#xff1a; 1⃣️ISOLATION DEFAULT&#xff1a;使用后端数据库默认的隔离级别&#xff0c;Mysql默认采用的可重复读隔离级别&#xff1b;Oracle默认采用的读已提…...

React面试题

1. 什么是 React&#xff1f; React 是一个用于构建用户界面的 JavaScript 库。它由 Facebook 开发并开源&#xff0c;广泛应用于现代 Web 应用程序的开发中。 2. React 中的组件是什么&#xff1f; 组件是 React 中构建用户界面的基本单位。它们是可重用且自包含的代码块&a…...

机器学习-数学学习汇总

***I数学只是一个工具&#xff0c;会使用&#xff0c;能解决问题就可以了&#xff0c;精确例如到3.14够用就可以了*** 微积分作用&#xff1a;解决非线性问题 学习&#xff1a;27分。 高中数学&#xff1a; 1.高中数学所有知识点表格总结&#xff0c;高中知识点一个不漏&am…...

17个常用经典数据可视化图表与冷门图表

数据可视化是创建信息图形表示的过程。随着可视化技术的飞速发展&#xff0c;可以利用强大的可视化工具选择合适的数据可视化图表来展示数据。以下专业人士都应该知道的一些最重要的数据可视化图表。 常见数据可视化图表 饼图 饼图是最常见和最基本的数据可视化图表之一。饼图…...

(五)Python 垃圾回收机制

一、垃圾回收的工作原理 Python的垃圾回收机制是自动的&#xff0c;负责管理程序中的内存。它基于两种主要技术&#xff1a;引用计数和循环引用检测器。 引用计数 每当一个对象被引用时&#xff0c;Python会增加该对象的引用计数&#xff1b;每当一个对象不再被引用时&#…...

策略模式(组件协作)

策略模式&#xff08;组件协作&#xff09; 链接&#xff1a;策略模式实例代码 注解 目的 正常情况下&#xff0c;一个类/对象中会包含其所有可能会使用的内外方法&#xff0c;但是一般情况下&#xff0c;这些常使用的类都是由不同的父类继承、组合得来的&#xff0c;来实现…...

每日一题-----逆序字符串

大家好我是Beilef&#xff0c;在一个美好的下午我意外接触到编程并且产生了兴趣&#xff0c;哈哈我要努力成为一个跨界者&#xff0c;让我们一起加油吧O(∩_∩)O 文章目录 目录 文章目录 前言 大家好请上车 一、逆序字符串 题⽬描述&#xff1a; 输⼊⼀个字符串&#xff0c;写…...

js两个对象数组合并。并且去掉里边某个属性相同的对象

要合并两个JavaScript对象数组并去除其中某个属性相同的对象&#xff0c;您可以使用concat()方法将两个数组合并&#xff0c;然后使用reduce()方法进行筛选。 以下是一个示例代码&#xff0c;演示了如何合并两个对象数组并去除其中某个属性相同的对象 const array1 [{ id: 1…...

创建重试机制

要自己创建重试机制&#xff0c;可以使用循环结构来实现。以下是一个简单的重试机制的示例代码&#xff1a; java public class RetryExample { public static void main(String[] args) { int maxRetryTimes 3; // 最大重试次数 int retryInterval 1000; /…...

[c]统计数字

题目描述 某次科研调查时得到了n个自然数&#xff0c;每个数均不超过1500000000&#xff08;1.5*109&#xff09;。已知不相同的数不超过10000个&#xff0c;现在需要统计这些自然数各自出现的次数&#xff0c;并按照自然数从小到大的顺序输出统计结果。 输入描述: 第1行是整数…...

采用ODP.NET 批量进行数据同步

因开发、测试场景经常需要模拟机生产环境的数据&#xff0c;原同事开发了一个ado.net图形化同步工具&#xff0c;对非技术人员操作友好&#xff0c;但对技术员使用并不方便&#xff0c;每次同步需源库数据与目标的数据源字段进行配置&#xff0c;且同步大数据时慢&#xff0c;因…...

【vue滚动条插件vuescroll】【vue自定义滚动条】

文章目录 前言一、使用步骤1.下载2.引入库三、在组件中如何使用&#xff1f;四、跳转到顶部的方法scrollTo() 五、效果总结 前言 由于浏览器自带的滚动条比较不符合设计图&#xff0c;所以在大部分项目中&#xff0c;我们都会自定义滚动条的样式&#xff0c;来还原设计图&…...

python 1200例——【8】冒泡排序

冒泡排序是一种简单的排序算法,它重复地遍历待排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。遍历数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。 冒泡排序的代码: def bubble_sort(arr):n = len(arr)for i in range(n):#…...