box

BFC与IFC 在我们做的网页上通常最重要的其中一点就是美观度，bfc他是一个块级格式化上下文，它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 因为我现在天天在做网页了，之前没怎么关注bfc与ifc原理，以至于我做出来的网页有点偏差。所以要深刻学习以下知识。 bfc：指它里面的子元素不会影响到外面的元素 加上一个overflow:hilden该元素的子元素是一个bfc下面 只要触发的是个bfc那么它对外面都没有影响。 1.block-level box:display 属性为 block, list-item, table 的元素，会生成 block-level box。并且参与 block fomatting context； 2.inline-level box:display 属性为 inline, inline-block, inline-table 的元素，会生成 inline-level box。并且参与 inline formatting context； 块级元素，在浏览器中通常是垂直布局，然后可以用margin来控制块级元素之间的间距，并列和嵌套的块级元素都存在外边距，也就是margin合并的问题。 而行内元素是以水平的方式布局，垂直方向的margin

IoU 是目标检测里面的一个基本的环节，这里看到别人的代码，感觉还是挺高效的，就记录一下： torch.Tensor.expand torch.Tensor.expand(*sizes) → Tensor 这是一个pytorch的函数，sizes是你想要扩展后的shape，其中原来tensor大小为1的维度可以扩展成任意值，并且这个操作不会分配新的内存。 栗子： >> > x = torch . tensor ( [ [ 1 ] , [ 2 ] , [ 3 ] ] ) >> > x . size ( ) torch . Size ( [ 3 , 1 ] ) >> > x . expand ( 3 , 4 ) tensor ( [ [ 1 , 1 , 1 , 1 ] , [ 2 , 2 , 2 , 2 ] , [ 3 , 3 , 3 , 3 ] ] ) >> > x . expand ( - 1 , 4 ) # -1 means not changing the size of that dimension tensor ( [ [ 1 , 1 , 1 , 1 ] , [ 2 , 2 , 2 , 2 ] , [ 3 , 3 , 3 , 3 ] ] ) torch.unsqueeze() torch.unsqueeze(input, dim, out=None) → Tensor

首先开篇之前先提个问题： 为什么 Flex box 跟 Grid box 的是以 start 、 end 为排列规则，而不是常规的 top 、 right 、 bottom 跟 left ？ 先不要急着往下翻，大家先思考一下。 这个问题的答案，鱼头会在文章中给出，欢迎大家带着这个问题往下翻阅，如果已经知道答案，也可以看看跟大家所知道的答案是否一致。 CSS的逻辑属性 2017年5月18日，W3C的 CSS工作组(CSS Working Group) 发布了 CSS逻辑属性和值(CSS Logical Properties and Values Level 1) 的首份工作草案(First Public Working Draft)。不同的书写模式(writing mode)中，可以抽取出共性的抽象概念(如开始位置，或行)，这些逻辑抽象概念需要在不同书写模式下映射到左或右、上或下等物理的概念上。一些CSS布局可能依赖这些共性的逻辑概念。该 CSS 模块给出了用于通过逻辑方式(而不是基于物理坐标、书写方向和维映射等)控制布局的逻辑属性和取值(logical properties and values)。这个模块来源于CSS21中关于逻辑属性和值的特性。 对于前端来说，我们一直习惯于使用 top 、 right 、 bottom 、 left 来定义我们的 HTML 元素

OpenCASCADE Make Primitives-Box eryar@163.com Abstract. By making a simple box to demonstrate the BRep data structure of the OpenCASCADE. The construction method is different from BRepPrimAPI_MakeBox. In the paper construct the box from vertex, edge to solid, while in BRepPrimAPI_MakeBox from solid, shell to vertex. From the construction, the BRep data structure in OpenCASCADE also can be called the Winged-Edge data structure. Key Words. OpenCASCADE, BRep, Box, The Winged-Edge Structure 1. Introduction OpenCASCADE的Toolit TKPrim中提供了基本图元的创建功能，像Box, Cylinder, Sphere等等。直接使用Package BRepPrimAPI中的功能

Vagrant 可以管理 VirtualBox，实现快速配置创建虚拟机 1、下载软件 　　VirtualBox虚拟机下载地址： https://www.virtualbox.org/wiki/Downloads 　　Vagrant下载地址： https://www.vagrantup.com/downloads.html Vagrant官网下载真的是，很慢很慢，本人通过翻墙，下载的速度还是挺快的 2、相关网站 　　Vagrant如果创建虚拟机，需要先下载Vagrant文件 　　官方box镜像地址： https://app.vagrantup.com/boxes/search?order=desc&page=1&sort=downloads 　　官网太慢，网上说用这个地址： http://www.vagrantbox.es/ 　　反正我还是很慢，没办法，还是翻墙吧~~~ 3、vagrant基本命令 　　box：类似一个镜像，vagrant将以此来打包 　　vagrant box list //box列表 　　vagrant box add box-name box-url //添加box 　　vagrant box update box-name //更新本地环境的box 　　vagrant box remove box-name //删除本地box 　　vagrant box

html < div id = "box" ></ div > js < script type = "text/javascript" > var box = document.getElementById( "box" ); function clickfn () { console.log( "传到box上了" ); } function clickhandle () { console.log( "aa" ); } function addEvent ( obj,type,fn,capture ) { if ( obj.addEventListener ){ obj.addEventListener( type,fn, false ); } else if ( obj.attachEvent ){ obj.attachEvent( 'on' ,type,fn ); } else { obj[ 'on' +type ] = fn; } } //移除监听函数 function removeEventHandle (target,type,fn,capture) { if (target.addEventListener){ //如果为true的话，进入 target.removeEventListener(type,fn,capture); } else if ( target