qq_45750263的博客

这个技术的主要应用场景在文件的传输上，当要传输的文件比较大的时候，普通的大文件传输需要耗费很大的时间，且传输失败就需要所有重新传输。那如果把要传输的大文件进行切分，切分成多块，分块进行传输，这可以保证传输失败的时候，只要重传失败的那一部分块级文件就行，并且可以控制传输速度。例如当你上传文件的时候，可以通过分块上传的技术来控制停止还是继续上传之后的块级文件，下载也亦是如此。

实现这个功能的关键在于scrollIntoView这个API，你获取到你需要展示到视图里面的元素后，调用上面的scrollIntoView这个API页面就可以滚动到对应的元素处，这个方法里有一个参数，类型是一个对象，是对这个这个滚动的一些配置信息。：start/center/end/nearest 定义垂直方向的对齐。以下是一个平滑滚动的简单实例，大家可以cv到自己电脑上看看效果。:start/center/end 定义水平方向的对齐。:auto（默认效果，不滚动）/smooth(平滑滚动)

设置父元素的display为flex，即可将父元素设置为弹性盒子，在这个弹性盒子上有一下几个重要的属性:row(默认横向)/column(纵向):stretch(交叉轴拉伸填充)/center/flex-end/flex-start:flex-start(默认，头对齐排列)/flex-end(尾对齐排列)/center/space-between/space-around/space-evenly：wrap(超出允许换行)/nowrap作为子元素有如下几个重要属性设置：在有空闲空间时元素的拉伸比例。