外部引用JavaScript解决背景图片闪屏
记录一些优化的方案,给相同问题的小伙伴参考一下。最近利用外部css文件实现了背景切换的目的,然而发现了一个小问题。每次清除缓存打开网站,需要重新加载图片,图片和图片切换之间会出现大概零点几秒的白屏。视觉上就像闪屏,等待所有图片加载完成再进行循环切换则没有该问题,猜测是网络环境影响。但尝试了不同网络、将图片压缩至500KB还是无法解决,最后完善了一下切换逻辑,效果感觉还行。
1234567891011121314#web_bg { /*background-image:初始图片路径; //可有可无,效果无太大影响*/ animation: gradientFade 60s infinite; /*一次切换时间设置 */}/*如果要增删背景图片务必修改.css文件和.js文件*/@keyframes gradientFade { 0%, 100% {background-image:图片路径1;} 25% { background-image: 图片路径2;} 50% & ...
stm32标准库开发(六):ADC模数转换
ADC转换原理:逐次逼近型ADC
stm32的ADC转换电路是一种逐次逼近型的ADC,采用二分法估测模拟电压。原理图:
以上是一个八位的逐次逼近型ADC逻辑图,输入通道有8个,通过地址锁存器打开对应的通道使模拟电压进入比较器。这里的DAC具有参考电压ref,一般也是取供电电压VCC,0——VCC也是输入电压的范围,起始时逐次逼近(SAR)寄存器最高位为1,其余为0。
DAC根据SAR寄存器产生电压,例如初始最高位为1,其余为0,即是VCC/2,如果输入模拟电压大于参考电压,则高位置1,将第二位置1,仍然高于置1、反之置0,以此类推,SAR为8位,经过8次比较即得出该模拟电压的数字编码。
stm32的ADC逻辑设计
stm32使用的SAR是12位的,意味着其电压分辨率是4096,输出结果0——4095,输入电压范围0——3.3V,最多18个输入通道,其中16个是外部引脚输入,2个是内部信号源,分别来自内部校准电压Vrefint和温度传感器。
这里的规则组、注入组是为了同时接收多通道ADC,无需重复接收ADC请求,只要将ADC引脚需求提交,系统会按顺序转换各个通道的模拟 ...
MCU通信协议(三):UART协议
USART和UART
UART(Universal Asynchronous
Receiver/Transmitter)是通用异步接收/发送器,即串口通信。
USART在UART的基础上加上同步电路(Synchronous),是目前单片机最常用的串口电路设计,允许输出同步时钟实现通信(但不能接收,不能被同步驱动,即只可作主机)。但是最常用的串口模式还是采样异步通信的方法,即UART,只有特殊场合才会使用同步电路。
UART通信特点
异步全双工的通信方式:只需要TX、RX两根数据线进行通信,双方约定波特率进行发送和接收,无需时钟线。可以弃用其中一条线转换成半双工通信。
点对点的通信协议:没有SPI、I2C、CAN从机挂载机制,仅点对点。
通信格式简单:起始位+数据位+奇偶校验位(Optional)+停止位,数据位(8/9)、停止位位数(0.5/1/1.5/2)可选,最常见是8位数据位、无奇偶校验、1位停止位。
传输距离有限、通信速率较低:常用9600bps波特率,传输距离几十米,波特率越高,传输距离越短。
电平标准
适应长线串口传输,提出几种不同电平标准,甚至 ...
stm32标准库开发(四):TIM输出比较
输出比较
输出比较(Output
Compare,OC)是通用、高级定时器的一个功能,主要作用是产生高低电平输出,即PWM(Pulse
width modulation,脉冲脉宽调制)波。
依赖于三个寄存器,前两个是前文提到的自动重载预装寄存器和计数器CNT,现在多了一种称为捕获/比较寄存器(Capture
Compare
Register,CCR)。根据CNT和CCR的大小关系,决定输出电平的高低。CCR本身也是影子寄存器。
除了常规的PWM波,还有其他几种工作模式:下表简单认为有效电平为高电平、无效电平为低电平:
最常用的是PWM模式1:假设向上计数时,0——CCR输出高电平,CCR——重载值输出低电平,实现了灵活的占空比。
PWM模式2是PWM模式1的反相;
其余几种模式在特殊场合有用,匹配时电平反转可以输出50%占空比的PWM波形等。
几组公式: 前面用过的分频公式:其中Freq是最终输出频率,CK_PSC是原始时钟(内部、外部),PSC和ARR为分频、重载值。
占空比也容易理解:
比较少见的是分辨率,PWM的分辨率衡量了每提高计数1, ...
stm32标准库开发(三):TIM定时中断
参考江科大的讲解,记录了TIM通用定时器的常用功能,包括定时器中断,以及后面文章的输入捕获测量频率、输出比较实现PWM波、编码器测速等。
TIM定时器
TIM(Timer)是单片机最常用的片内外设之一,能够完成很多复杂任务,stm32系列的定时器资源分为高级定时器、通用定时器、基本定时器,最常用的是通用寄存器,高级定时器会在三相电机驱动用得较多:
其中STM32F103C8T6定时器资源包含TIM1、TIM2、TIM3、TIM4,即一个高级定时器+三个通用定时器。
基本定时器
基本定时器的任务主要是产生定时中断、主模式触发DAC:
基本定时器结构包含RCC内部时钟(c8t6主频72M),触发控制器(只能选择内部时钟、主模式DAC),以及时基单元。
时基单元包括预分频器PSC、自动重载寄存器、CNT计数器,PSC是一个16位寄存器,对内部72M时钟进行分频,最大65536分频。自动重载寄存器存储了计数的目标值,计数器从0开始向上向重载值计数,一旦达到重载值,就会产生定时器中断并且清零计数值重新计数,产生的中断既可以通向NVIC触发CPU中断处理,也可以作为事件中断连 ...
stm32标准库开发(二):EXTI外部中断
概述
EXTI(External
Interrupt,外部中断)是stm32用于处理外部信号的重要模块,中断允许CPU暂停执行当前程序,转而去执行中断程序,处理完了继续返回主程序执行,中断的机制提高了CPU执行任务的灵活度,许多常见的任务离不开外部中断的支持,它通过引脚外部电平触发中断,例如按键触发中断、热敏/光敏电阻的感应控制电路、红外对射管计数、旋转编码器计数等,以下记录了EXTI标准库的相关配置。
中断向量表
stm32f10x系列芯片提供了68个可屏蔽中断通道,也即68个中断源,其中13个是内核的中断,用于处理内核的异常,在裸机开发中很少使用;其他常用的包括EXTI中断,定时器中断(定时任务)、DMA中断(通知转运数据)、串口、SPI、I2C、其他功能性中断(如看门狗中断、电压检测)等,说明几乎所有外设都能享用主控的中断资源。
因为硬件上的限制,stm32f10x通过固定的编址以存储中断程序位置,中断向量表是中断的一个重要数据结构,记录了中断服务和中断程序地址的映射关系,部分如下:
在裸机开发中通常不必关心地址值,但对操作系统和内核而言,这是重要的。
NVIC ...
MCU通信协议(二):I2C协议
I2C概述
I2C(Inter IC
BUS)是一种半双工的通信协议,具有以下特点:
同步半双工:一根线发送和接收数据,最大化利用线资源;时钟线保证时序一致性,去除对硬件异步电路依赖;
两根数据线:即时钟线SCL(Serial
Clock)与数据线SDA(Serial Data)
一主多从/多主多从:允许多个从机挂载在I2C总线上,一个系统的从机也可以通过多主多从成为主机;
具有数据应答功能:发送、接收一个字节都需要进行数据确定;
通信速率较低:100kbps、400kbps、3.4Mbps;
I2C硬件设计
硬件上,I2C只需要两根线就可以将多个从机链接在一起,节省了数据线的资源。另一个特点是,I2C的数据线均采用开漏输出的模式。
首先SDA必须采取开漏输出:在GPIO模式讨论过开漏输出的特点,也即低电平仍然是mos管导通接地,是一种强下拉。而漏极是开路的,说明无法直接输出高电平,只能通过外接电阻(I2C中一般采用4.7k限流电阻)输出高电平,mos管阻值很大,因此上拉电压接近外部电压,是一种弱上拉;这种模式在主机、从机SDA或者实现从机线与时,不会 ...
stm32开发:Keil环境配置
环境
Keil是一款强大的Debug软件,尤其适用于stm32还有其他一系列32、8系的处理器标准库、寄存器开发。但是少有的缺点是从头新建一个工程配置需要的步骤和细节也比较多,日子长了脑袋也不好使,每次都要查几次,就有了这篇文章作为参考记录;更换stm系列芯片例程也可以参考这篇文章。
环境:
Win10
Keil MDK 5/Keil MDK+C51 5
stm32f103c8t6
ST-Link
后两者不是必须,相应调整部分内容即可。
新建工程
新建一个文件夹,Project项新建项目指定该文件夹,然后会进入芯片选型;芯片选型来自在线下载(弹窗)或者手动导入(厂商提供的工具包);这里选择对应的芯片信号即可,OK完成创建;
在文件夹下可以看到新建的工程文件,创建新文件夹Start,存放stm32系统启动文件,包含:
core_cm3.c/core_cm3.h:提供了Cortex-M3内核的相关函数,例如中断、异常处理;
startup_stm32f10x_md.s:汇编语言编写的启动文件,设置堆栈指针、数据段等,后缀md代表中密度 ...