这节课，我们学习如何让元素的宽度和高度在容器里自适应。什么是宽高自适应呢？页面里有两个 div，开始的时候宽度都是 800px，当我们将浏览器窗口的宽度拖动到小于 800px 的时候，我们发现：上面的 div 宽度固定，一部分被隐藏在屏幕外；下面 div 的宽度会自动适应 屏幕宽度缩小 的变化。我们把这种元素的宽或高，能够随着屏幕的宽高变化而变化的能力，叫做 …
最新内容
提示：点击上方"蓝色字体"↑ 可以订阅噢！盒模型content=width×height padding bordermarginwidth：<length> | <percentage> | auto | inheritwidth:50%;*父元素的50%宽度*height：<length> | <percenta …
技术背景在CSS中，直接从height: 0;过渡到height: auto;是不可行的，因为auto值被有意排除在CSS过渡规范之外。不过，有多种方法可以实现类似的效果，下面将介绍一些常见的解决方案。实现步骤1. 使用max-height替代height设置一个足够大的max-height值，然后通过过渡max-height来实现高度变化效果。示例代码如下 …
STM32内部定时器103系列最多8个定时器三种定时器区别通用定时器描述STM3 的通用 TIMx (TIM2、TIM3、TIM4 和 TIM5)定时器功能特点包括：位于低速的APB1总线上(APB1)16 位向上、向下、向上向下(中心对齐)计数模式，自动装载计数器（TIMx_CNT）。16 位可编程(可以实时修改)预分频器(TIMx_PSC)，计数器时钟频 …
在和客户谈嵌入式方案的时候，我经常听到客户说Linux系统实时性不好难以满足对时间要求严格的应用，非得在系统中加一个PLC才安心。这不是没有道理的，Linux进程如果没有特别设置的话，都由fair调度器管理，在计算任务繁重的时候，只能靠相对公平地分摊CPU来运行，这样当然无法满足实时性要求高的进程了。但是很多人并不知道，Linux有强大的实时机制，只是平时我 …
cycle属于硬件底层的概念，Hz，CLOCK CYCLE，CPU的时钟周期的单位。晶振在每个cycle产生一个时钟脉冲，通常是微秒级的，换算成频率就是MHz级别。OS是看不到这个时钟脉冲的。tick属于OS的概念，Tick滴答，计算机的计时器的单位。每个tick就是一次时钟中断，一般是10ms，也就是100Hz（1s有多少个10ms）。硬件有一个计数器，经 …
std::chrono 库提供了测量和报告时间和间隔的工具。这些类和函数中的许多是在 C++11 中引入的。C++20 对此进行了重大更改和更新，但在撰写本文时，我所测试的系统上许多更新尚未实施。使用 chrono 库，本食谱探索了计时事件的技术。如何做到这一点…system_clock 类用于报告当前日期和时间。steady_clock 和 high_re …
【51CTO.com原创稿件】今天想跟大家一起探讨一个听起来很简单的话题：定时任务机制。无非就是一个计时器，到了指定时间就开始跑呗。too young，要是这么简单我还说啥呢，干不就完了。那如果是几千上万个定时任务，你的计时器该如何设计呢?如果是 A 任务执行完后再执行 B 任务你会怎么调度呢?如果是几十台机器同时要处理一些任务，你又该如何设计呢?带着这些看 …
一、STM32系统时钟概述系统时钟是STM32微控制器中最重要的部分之一，它负责提供时序信号以驱动处理器核心、外设和其他系统模块的运行。系统时钟通常由多个时钟源、时钟分频器和时钟树组成，这些组件共同构成了系统时钟的组成和层级结构。二、STM32时钟源时钟源用来产生系统时钟信号，STM32有以下内部时钟源和外部时钟源：1. HSEHSE（High-Speed …
当MCU遭遇外部Flash存储瓶颈，你是否还在为数据覆盖卡顿、寿命锐减、实时任务阻塞而头秃？本文从底层原理到代码实战，手把手教你设计一套工业级循环存储架构！一、生死时速：当4MHz SPI Flash遇到100Hz实时任务场景痛点：某智能电表项目实测案例每100ms采集20个传感器数据（总512字节）使用W25Q128JV Flash（块大小4KB，页编程时 …