栗知
追逐中的前端
集中一点，登峰造极 -
凡事预则立，不预则废 -
意志在于磨练，成功在于坚持
获得徽章 16
- #每天一个知识点#
修改滚动条样式
隐藏div元素的滚动条
css复制代码div::-webkit-scrollbar{
display:none;
}
div::-webkit-scrollbar 滚动条整体部分
div::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
div::-webkit-scrollbar-track 滚动条的轨道
div::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
div::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分
div::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
div::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件展开评论点赞 - #每天一个知识点#
图片 title 和 alt 区别：
alt:
1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。
2、alt属性值的长度必须少于100个英文字符
3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""
4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO
title:
1、title属性并不是必须的。
2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。
3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。展开赞过 11 - #每天一个知识点#
字符串常用的几个方法
1. includes();
字符串中是否包含某个字符串，这个不说了，其实就是indexOf的替代方案，用起来更优雅，
2. startsWith();
字符串是否为某个字符串开始，我一般用它判断url是否有http
3. endsWith();
字符串是否为某个字符串结尾。判断后缀名的时候尤其有效。
4. repeat(number);
得到一个重复number次的字符串。额...我也不知道什么时候有用，一般我用它造测试数据。
5. 'abc'.padEnd(5, '1'); // abc11;
用给定的字符串在尾部拼接到指定长度，第一个参数为长度，第二个参数为用于拼接的值。
6. 'abc'.padStart(5, '1'); // 11abc;
用给定的字符串在首部拼接到指定长度第一个参数为长度，第二个参数为用于拼接的值。首部补0？展开赞过 评论2 - #每天一个知识点#
镜像相关常用命令
查看镜像：查看本地所有的镜像
docker images
docker images -q // 查看所有镜像的id
搜索镜像：从网络中查找需要的镜像
docker search 镜像名称 // 也可通过 hub.docker.com 查找
拉取镜像：从 Docker 仓库下载镜像到本地，镜像名称格式为 名称:版本号，如果版本号不指定则是最新的版本，如果不知道镜像镜像版本，可以去docker hub搜索对应镜像查看
docker pull 镜像名称
删除镜像：删除本地镜像
docker rmi 镜像id // 删除指定本地镜像
docker rmi 'docker images -q' // 删除所有本地镜像展开赞过 11 - #每天一个知识点#
JS为什么单线程
js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。
而且还有一个主要的原因，设想一下，如果js是多线程的，在运行时多个线程同时对DOM元素进行操作，那具体以哪个线程为主就是个问题了，线程的调度问题是一个比较复杂的问题。
HTML5新的标准中允许使用new Worker的方式来开启一个新的线程，去运行一段单独的js文件脚本，但是在这个新线程中严格的要求了可以使用的功能，比如说他只能使用ECMAScript, 不能访问DOM和BOM。这也就限制死了多个线程同时操作DOM元素的可能。展开评论点赞 - #每天一个知识点#
background属性
background-color 使用的背景颜色。
background-image 使用的背景图像。
background-repeat 如何重复背景图像。
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
background-position 背景图像的位置。
background-size 背景图片的尺寸。
background-origin 背景图片的定位区域。
background-clip 背景的绘制区域。
background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [background-origin] [background-clip];展开赞过 评论1