草庐IT

background-position

全部标签

透彻分析Transformer中的位置编码(positional enconding)

一、Transformer中为什么要使用位置编码positionalencoding在《AttentionIsAllYouNeed》这篇论文中首次提到了transformer模型,transformer模型在输入端用了一个位置编码(positionalencoding),其主要目的是增加相对位置信息,使其可以更好的利用每个元素相互之间的位置关系二、具体编码实现方式论文作者使用的是正余弦函数进行编码,这时可能会有人产生了疑惑,为什么要使用这么复杂的编码方式呢,这里举个例子,一句话“你好吗”用“1,0,0”、“0,1,0”、“0,0,1”的独热编码不可以么,编码方式还会更加的简单,为什么要用下图这

background中的cover与contain的区别

background中的cover与contain的区别contain:将图片缩放至宽度或者高度能够完全适应容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则容器会留白,不会出现图片的裁剪。例如,对于一个宽度为200px、高度为200px的容器,背景图片使用background-size:contain,并且图片的宽度为300px,高度为150px,则图片会被等比例缩放至宽度为200px,高度为100px,留下50px的空白区域。cover:将图片缩放至能够铺满整个容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则图片多余的部分会被裁剪。例如,对于一个宽度为200p

background中的cover与contain的区别

background中的cover与contain的区别contain:将图片缩放至宽度或者高度能够完全适应容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则容器会留白,不会出现图片的裁剪。例如,对于一个宽度为200px、高度为200px的容器,背景图片使用background-size:contain,并且图片的宽度为300px,高度为150px,则图片会被等比例缩放至宽度为200px,高度为100px,留下50px的空白区域。cover:将图片缩放至能够铺满整个容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则图片多余的部分会被裁剪。例如,对于一个宽度为200p

background中的cover与contain的区别

background中的cover与contain的区别contain:将图片缩放至宽度或者高度能够完全适应容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则容器会留白,不会出现图片的裁剪。例如,对于一个宽度为200px、高度为200px的容器,背景图片使用background-size:contain,并且图片的宽度为300px,高度为150px,则图片会被等比例缩放至宽度为200px,高度为100px,留下50px的空白区域。cover:将图片缩放至能够铺满整个容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则图片多余的部分会被裁剪。例如,对于一个宽度为200p

background中的cover与contain的区别

background中的cover与contain的区别contain:将图片缩放至宽度或者高度能够完全适应容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则容器会留白,不会出现图片的裁剪。例如,对于一个宽度为200px、高度为200px的容器,背景图片使用background-size:contain,并且图片的宽度为300px,高度为150px,则图片会被等比例缩放至宽度为200px,高度为100px,留下50px的空白区域。cover:将图片缩放至能够铺满整个容器,并且保持图片宽高比不变。如果容器宽高比与图片宽高比不同,则图片多余的部分会被裁剪。例如,对于一个宽度为200p

css定位 position:sticky

今天在做css定位的时候遇到一个问题,我想用fixed定位下来,但是发现这个时候定义的百分百宽度不随着父元素走了而是整个屏幕的百分百,这个就很尴尬了,也不能固定宽度吧,毕竟还要宽度自适应。这个时候发现了一个position的属性-----sticky它是relative和fixed的结合体可以理解为,当我们屏幕还没有滚动出原有的范围的时候就跟relative一样,正常排列在那里,当我们屏幕滚动出去了这个时候就fixed,常用语头部或者底部一个吸顶的行为,最最关键的是,他不会像fixed一样把他的父级变成浏览器可视区域,还是你的父级

css定位 position:sticky

今天在做css定位的时候遇到一个问题,我想用fixed定位下来,但是发现这个时候定义的百分百宽度不随着父元素走了而是整个屏幕的百分百,这个就很尴尬了,也不能固定宽度吧,毕竟还要宽度自适应。这个时候发现了一个position的属性-----sticky它是relative和fixed的结合体可以理解为,当我们屏幕还没有滚动出原有的范围的时候就跟relative一样,正常排列在那里,当我们屏幕滚动出去了这个时候就fixed,常用语头部或者底部一个吸顶的行为,最最关键的是,他不会像fixed一样把他的父级变成浏览器可视区域,还是你的父级

精灵图

什么时候精灵图呢?通常在渲染页面的时候,需要服务器向我们发送数据,但有的时候一个页面需要多张图时,服务器就会处于连续发图的工作状态,但如果我们把需要的图都放在一张图上,这样可以大大的减少服务的工作负担,打个比喻。服务器发一张图是,工作流程是:找到图片——读取图片——发送图片,如果是发送5个图片时,那么服务器就需要重复执行五遍这个操作,但是每次服务器在执行IO操作时,都会占用服务器的内存和处理器性能,而如果是只发送一张图片的话,尽管图片会大,但是她只占用一次内存和处理器性能,更多的占用网络资源,但一张图能有多大呢?同时在渲染时,也不用等那五个图片都发送过来,又要执行五次接受——读取——渲染的工作

精灵图

什么时候精灵图呢?通常在渲染页面的时候,需要服务器向我们发送数据,但有的时候一个页面需要多张图时,服务器就会处于连续发图的工作状态,但如果我们把需要的图都放在一张图上,这样可以大大的减少服务的工作负担,打个比喻。服务器发一张图是,工作流程是:找到图片——读取图片——发送图片,如果是发送5个图片时,那么服务器就需要重复执行五遍这个操作,但是每次服务器在执行IO操作时,都会占用服务器的内存和处理器性能,而如果是只发送一张图片的话,尽管图片会大,但是她只占用一次内存和处理器性能,更多的占用网络资源,但一张图能有多大呢?同时在渲染时,也不用等那五个图片都发送过来,又要执行五次接受——读取——渲染的工作

rosbag遍历数据出错:(unicode error) 'utf-8' codec can't decode byte 0xcd in position 31: invalid continuation byte

主题:前言针对ros系统记录的bag文件,可以使用python的rosbag包,按照不同起止时间和topic进行提取。然而,有的topic可以使用rosbag读取,但是不能遍历,存在解码错误。原因应该是存在中文字符的注释,这个可以在函数生成的temp.py中看到。python提取bag文件时发生解码错误:unicodeerror)'utf-8'codeccan'tdecodebyte0xcdinposition31:invalidcontinuationbyte编译环境:windowsvisualstudio2019,pycharm也有如此问题,即使将fileencoding改成其它编码方式,