box

我对M4A文件格式的理解

由 时间秒杀一切 提交于 2020-03-11 13:18:32
m4a 格式文件中的内容是有很多的box 组成的，box 格式如下： box length（4B 大端格式） + box type（4B）+ box content（box length - 8） 例如如下是ftyp这个box 的数据内容，可以看到该box 长度是0x20字节。 从m4a文件中找到moov box是重点，因为找到了这个box ，需要从box 找出来每个采样帧的位置及大小。 一般是需要从m4a中找到如下的结构,重点是知道stsd stts stsc stsz stco这几个box。 moov --->trak --->mdia --->minf --->stbl --->stsd --->mp4a ===》从这里可以得到channel num、sample bits、sample rate； --->esds ===》从这里可以得到audio type、max bitrate、avg bitrate、decoder config data； --->stts ===》可以获取该trak下面有多少的samples，如下第一个参数是0x00000001，那么后面四个字节组成的就是 这个trak中的samples count=0x00002c64； --->stsc ===》会得到一个表格，关于这个表的数据如何去理解，用一个实际例子来说明。第个参数0x00000002，那么

征服诱人的Vagrant！

由 风格不统一 提交于 2020-03-11 09:03:01
一、背景 ​　　最近要开始深入学习分布式相关的东西了，那第一步就是在自己的电脑上安装虚拟机，以前在Windows平台，我选择用VMware Workstation作为虚拟机软件，现在在Mac系统下，感觉不是很适合了，然后就有朋友推荐我使用Vagrant来在Mac系统作为虚拟机管理软件，那么本文我们就来聊一聊跟这货相关的蛮有意思的东西。 二、Vagrant介绍 ​　　Vagrant是一个基于Ruby的工具，用于创建和部署虚拟化开发环境。它 使用Oracle的开源 VirtualBox 虚拟化系统，使用 Chef创建自动化虚拟环境。我们可以使用它来干如下这些事： 建立和删除虚拟机 配置虚拟机运行参数 管理虚拟机运行状态 自动配置和安装开发环境 打包和分发虚拟机运行环境 ​　　Vagrant的运行，需要 依赖 某项具体的 虚拟化技术 ，最常见的有VirtualBox以及VMWare两款，早期，Vagrant只支持VirtualBox，后来才加入了VMWare的支持。 ​ 为什么我们要选择Vagrant呢？因为它有 跨平台 、 可移动 、 自动化部署无需人工参与 等优点。 　　 　　在Vagrant体系中，有个box(箱子)的概念，这优点类似于docker体系中的image(镜像)。基于同一个box，不同的人可以运行得到相同的内容。这个我们下文再详细说。 三、Vagrant环境的安装 ​　

怎样让背景色覆盖border边框线？

由 拜拜、爱过 提交于 2020-03-10 06:35:52
今天写页面的时候出了一点点小问题，发现我设置的背景色与边框色颜色不一致，于是上网查了一下，竟然忘记了有个属性就可以实现让背景色覆盖边框线的问题！ background-clip 属性规定背景的绘制区域。 语法： background-clip: border-box|padding-box|content-box; border-box 背景被裁剪到边框盒。 padding-box 背景被裁剪到内边距框。 content-box 背景被裁剪到内容框 使用: background-clip: border-box; 解决！！ 来源： CSDN 作者： 孙婷婷的博客 链接： https://blog.csdn.net/weixin_36732046/article/details/104756910

Yolo置信度

由 别来无恙 提交于 2020-03-07 19:53:00
Yolo置信度 置信度是每个bounding box输出的其中一个重要参数，作者对他的作用定义有两重： 一重是：代表当前box是否有对象的概率Pr(Object)，注意，是对象，不是某个类别的对象，也就是说它用来说明当前box内只是个背景（backgroud）还是有某个物体（对象）； 另一重：表示当前的box有对象时，它自己预测的box与物体真实的box可能的值，注意，这里所说的物体真实的box实际是不存在的，这只是模型表达自己框出了物体的自信程度。 以上所述，也就不难理解作者为什么将其称之为置信度了，因为不管哪重含义，都表示一种自信程度：框出的box内确实有物体的自信程度和框出的box将整个物体的所有特征都包括进来的自信程度。经过以上的解释，其实我们也就可以用数学形式表示置信度的定义了 来源： CSDN 作者： AIchiNuirou 链接： https://blog.csdn.net/weixin_44523062/article/details/104717799

js实现无限瀑布流

由 て烟熏妆下的殇ゞ 提交于 2020-03-07 08:30:51
瀑布流 是一种常见的网页布局方式，在许多网站中我们都能看到“瀑布流”的效果，其特征是有网页视窗有多个高度不同宽度相同的“块”组成。因其样式酷似飞流直下的瀑布， 故将这种布局方式称为瀑布流。 生活中瀑布流实例： 花瓣网 在css中我们学习过使用Multi-columns来实现瀑布流的效果 通过 Multi-columns 相关的属性 column-count 、 column-gap 配合 break-inside 来实现瀑布流布局。 现在，我来介绍一下如何通过js方式来实现瀑布流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .cont{ margin: 0 auto; position: relative; } .box{ float: left; padding: 6px; } .imgbox{ border: 1px black solid; border-radius: 6px; padding: 6px; } .imgbox img{ width: 200px; display: block; } </style> <script> onload = function () { new Waterfall(); }; function

flex布局1

由 限于喜欢 提交于 2020-03-07 03:43:21
flex布局是一种可以完美的解决响应的布局，非常的美妙。关于flex布局的属性太多太多了。但是我们掌握最关键，常见的布局，就是可以的了。 flex布局包括两个东西，一个叫做 容器 ，还有一个叫做 flex项目 ,这样子说起来好累，我们还是上代码 <div class="box"> // 这个box就是容器　　<div class="item"></div>　　<div class="item"></div> //里面的内容就是flex项目</div> 我们操作flex布局，只需要在容器上面，添加一个属性 display : flex ，如下面的代码 <div class="box"> 　　<div class="item"></div> 　　<div class="item"></div> 　　<div class="item"></div> 　　<div class="item"></div> </div> .box{ 　　width: 500px; 　　 display: flex; } .box .item{ 　　width: 100px; 　　height: 100px; 　　margin: 10px; 　　background: red; } 没有给里面的flex项目添加任何属性，仅仅是设置了一下显示的长宽的颜色，就可以实现排列布局。 当然，这个显示就是一个默认的样式

CSS超过部分显示省略号。只显示一行，超出用点表示。显示两行，超出用点表示

由 人盡茶涼 提交于 2020-03-03 16:04:02
单行文本超过部分显示省略号 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行文本超过部分显示省略号 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; 来源： CSDN 作者： RosaChampagne 链接： https://blog.csdn.net/RosaChampagne/article/details/104631225

CF思维联系– CodeForces - 991C Candies(二分)

由 倖福魔咒の 提交于 2020-03-01 23:22:28
ACM思维题训练集合 After passing a test, Vasya got himself a box of n candies. He decided to eat an equal amount of candies each morning until there are no more candies. However, Petya also noticed the box and decided to get some candies for himself. This means the process of eating candies is the following: in the beginning Vasya chooses a single integer k, same for all days. After that, in the morning he eats k candies from the box (if there are less than k candies in the box, he eats them all), then in the evening Petya eats 10% of the candies remaining in the box. If there are still candies left

什么是BFC

由 喜欢而已 提交于 2020-03-01 23:06:10
BFC即 Block Formatting Contexts (块级格式化上下文)。 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 BFC是一个独立的布局环境,可以理解为一个容器,在这个容器中按照一定规则进行物品摆放,并且不会影响其它环境中的物品。 如果一个元素符合触发BFC的条件，则BFC中的元素布局不受外部影响。 浮动元素会创建BFC，则浮动元素内部子元素主要受该浮动元素影响，所以两个浮动元素之间是互不影响的。 布局规则： 1.内部的Box会在垂直方向，一个接一个地放置 2.Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 3.每个元素的margin-box的左边， 与包含块border-box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。 4.BFC的区域不会与float box重叠。 来源： CSDN 作者： ORZ-Top 链接： https://blog.csdn.net/weixin_46391367/article/details/104598963

导航栏

由 我的未来我决定 提交于 2020-03-01 06:00:37
<template> <div class="box"> <div v-for="(item, i) in Array(4)" :key='i' class='item'> <span>歌曲</span> </div> </div> </template> <style scoped> .box{ display: flex; line-height: 44px; } .item{ flex: 1; background-color: blue; color: red; text-align: center; } .item span{ border-bottom: 2px solid red; padding-bottom: 8px; } </style> 来源： CSDN 作者： QunBingCheng 链接： https://blog.csdn.net/chengQunBin/article/details/104574356
订阅 box