一、英语学习总结

文档：2020-02-17.note

链接：http://note.youdao.com/noteshare?id=d254b2dfc0b5fe6a589872ef2ef89869&sub=61C6A1A8A04D4DEABE7C7EECF2D49160

二、网页制作总结

video标签的poster属性给视频加载一个图片覆盖在视频上面，当点击该图片是，视频可以继续播放。

用object-fit来设置图片的属性

contain

被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。

object-fit：cover

被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。

object-fit：fill

被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配，那么该对象将被拉伸以适应内容框。

object-fit：none

被替换的内容将保持其原有的尺寸。

object-fit：scale-down

内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。

修改video标签自带按钮的默认样式

通过video::-webkit-media-controls-fullscreen-button{ display: none; }或者*::-webkit-media-controls-fullscreen-button{ display: none; }就能控制全屏按钮的样式，其他按钮是一样的。

但是，下载按钮很特别，是获取不到的，所以无法控制它的样式，但是可以将它隐藏

怎么办？有两种方式：

1. controlsList

在 video 上加属性 controlsList="nodownload"，就可以隐藏下载按钮。

就这么简单？当然不是。。。这种方式需要 Chrome 58+ 才支持，不能用于生产环境

2. overflow: hidden

video::-webkit-media-controls-enclosure{ overflow: hidden; }

video::-webkit-media-controls-panel{ width: calc(100% + 30px); }

就是将控制条面板设的长一些，超出的隐藏。。。这种方式还是勉强可以用于生产环境的，因为没有别的更好的办法。。。

三、对于数据结构和算法

由于今天晚上上了一节专业课，算法并没有学习