上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。 object-fit理解 CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：c ...
分类：
Web程序 时间：
2020-06-10 13:07:20
阅读次数：
92
<script> document.body.style.background = 'red'; console.log(1) Promise.resolve().then(()=>{ console.log(2) document.body.style.background = 'yellow'; ...
分类：
其他好文 时间：
2020-06-09 23:39:30
阅读次数：
90
1.为何vector的push_back/insert操作可能会导致迭代器失效? 如果vector的push_back/insert操作导致vector需要改变它的capacity时,会在另一块较大的内存区域去分配新的空间(一般是原来空间的2被),并把原来位置的内容拷贝过来,最后再把原来位置的存储给 ...
分类：
其他好文 时间：
2020-06-09 22:08:47
阅读次数：
84
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAACRCAYAAABT2Ak0AAAgAElEQVR4XoS925IsSbJcl9X37plPwcwckiAIfg9AXA4BksIHCIV8oIDCR ...
分类：
微信 时间：
2020-06-09 18:41:36
阅读次数：
91
1、下拉框，效果如下图所示： 代码： <style> .selectBox { width: 90px; margin: 50px; } .select { width: 90px; background-color: #17a6b5; height: 40px; cursor: pointer; ...
分类：
Web程序 时间：
2020-06-09 18:31:29
阅读次数：
87
定位属性position static：默认值，没有定位 relative：相对定位 #third 例：{ background-color:#C5DECC; border:1px #395E4F dashed; position:relative; right:20px; bottom:30px; ...
分类：
Web程序 时间：
2020-06-08 22:08:32
阅读次数：
96
先上浏览图片 注册页面代码： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> body { background-image: ...
分类：
其他好文 时间：
2020-06-08 19:17:59
阅读次数：
170
{ "init_scene": "background/qingmei_school_out", "init_music": null, "scripts": [ { "t": "w", "c": "传说中以竞赛成绩领先于全国的青梅中学今天正式开学了，传说中这所中学每年都能出十几名国家竞赛一等奖的学 ...
分类：
其他好文 时间：
2020-06-08 14:56:55
阅读次数：
68
1.object-fit 由于图片原始大小都不一样,强行设定大小值会导致拉伸,如果不设定大小则参差不齐。 之前我们大多数用的 大多数都是利用background-size: cover 来避免对图片造成的压缩或者拉伸。 fill: 默认值,和未设置一样。使图片拉伸填满整个容器, 不保证保持原有的比例 ...
分类：
Web程序 时间：
2020-06-08 13:04:31
阅读次数：
72
set.clear(); //清除所有元素 set.erase(pos); //删除pos迭代器所指的元素，返回下一个元素的迭代器。 set.erase(beg,end); //删除区间[beg,end)的所有元素，返回下一个元素的迭代器。 set.erase(elem); //删除容器中值为ele ...
分类：
其他好文 时间：
2020-06-08 09:15:30
阅读次数：
54
