2020年十月第三周学习

2020年十月第三周学习

• tb6612电机驱动模块
• 降压模块
• 精灵图
• 字体图标的使用

tb6612电机驱动模块

引脚	作用
PWMA	输入A的PWM波
AIN1	A的输入脚，与AIN2一起设置正转反转
AIN2	A的输入脚，与AIN1一起设置正转反转
STBY	相当于芯片的开关，置1的时候芯片工作
BIN1	B的输入脚，与BIN2一起设置正转反转
BIN2	B的输入脚，与BIN1一起设置正转反转
PWMB	输入B的PWM波
GND	接GND
VM	可以接2.7-10.3V，给电机供电
VCC	接c8t6的VCC（3.3V）给芯片供电
A01	电机A的输出引脚1
A02	电机A的输出引脚2
B02	电机B的输出引脚2
B01	电机B的输出引脚1

VM和VCC一定都要接，一个是给电机供电，一个是给芯片供电，作用不一样，缺一个电机不转。

降压模块
降压模块有两个输入引脚，外接电源。然后通过一字螺丝调节输出的电压大小，再通过那两个输出引脚输出。

精灵图
精灵图技术的应用，，传一张图片可以用这张图片的不同的地方，来放置不同的位置的图片。多张小图可以一次请求来传递，比较适合不经常更换的图标。
background引入后用background-position调整位置，在预定位置显示。类似于PS里面的蒙版。

字体图标的使用
字体图标，目前我接触到的有两种，一种是用css，虽然可能底层原理还是用了字体文件吧，不懂，反正引用的时候不一样。代表：
Fontawesome，这个有中文网站，打开是比较快的，可以搜索各种图标。使用时需要先引用

`<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.css">`

然后在网站http://www.fontawesome.com.cn/faicons/里面搜索图标。
复制一下源码就出来对应的图标了。
还有一种，那个就纯粹字体库的引用了，放个网站地址吧
https://icomoon.io/#icon-font这个是国外网站，贼慢，你懂得。
https://www.iconfont.cn/这个是阿里的图标站，看看这后缀，.cn，NB。里面图标贼多，同时包含了icomoon的图标。咋用，看黑马pink吧。