主线任务前端
支线任务AI
温故而之新，可以为师矣。
2023年01月08日 01:07:22
在工作的头 3 年，就拼命逼自己的技术成长，在这中间历练沟通能力、协作能力和项目综合把控能力，这个阶段的确是很难做中长期规划的，在这三年中让自己变得技术足够硬足够强，然后从第三年开始，去刻意训练更多的软实力，也更多的向内去挖掘自己的潜能，看自己适合什么，擅长什么，想干什么，然后再基于此做自己未来 10 年的长期规划，一旦有了这个长度，眼前的这两年三载你都不会很纠结，因为方向清楚了，只是不同阶段你要关注什么的问题。
2023年01月07日 21:13:06
font-family: serif 从当前电脑字体中找到优先级最高的衬线字体
font-family: sans-serif 从当前电脑中找到优先级最高的非衬线字体
mac和window的字体集合不同，所以就可能出现同样的font-family 设置在不同设备上显示的字体不同。
font-weight， 通常使用 blod 加粗。100~900 可能没有效果。
选则器叠加，可以帮助我们提升选择器优先级 .foo.foo 或 .foo[class] 这样叠加选则器。
currentColor = color， currentColor 相当于是一个变量，我们可以使用它。color 其实并不是简单的设置字体颜色，它设置了所有前景色
每个css属性都有，inherit(继承父元素的值) initial(设置为默认值) unset(如果有从父元素继承的值，则设置为继承制，如果该属性没有继承值，则设置成默认值) 值。
fixed 失效，当祖先元素的 transform 不为none 的时候，fixed 将相对于当前父元素的堆叠层叠上下文。不会再相对于当前视口。其他能改变fixed的基准的：transform、transform-style： preserve-3d、will-change、filter不为none、...
3d 坍缩， filter: constrast、mix-blend-mode: color(任意一个混合模式都可以)、等属性会创建一个独立的渲染平面，但是这个平面不支持3d渲染。
100vh 失效，根本原因是很多浏览器，会把地址栏计算再内。更推荐使用 100% 占满容器。 1cqw 表示当前容器宽度的 1%， 1cqh 表示相当于当前容器的高度的 1%。
并不是所有元素都有伪元素 ::before, ::after, 正常来说替换元素都是没有伪元素的 比如说 img\audio\canvas\embed\iframe\等，因为替换元素会替换到里面所有内容。如果图片内容加载失败，说明没有替换成功，此时 after和before就不会被替换，此时伪元素就会生效。通常用于展示默认兜底图和alt信息。
attr() 可以读取元素属性信息。
overflow: hidden 并不是对所有超出的子元素进行隐藏。对于position: absolute 和 fixed 将其转换成同一个层叠上下文
除了用 overflow： hidden 隐藏超出部分，还可以用 clip-path: polyyon(x1 y1, x2 y2, x3 y3, x4 y4); 进行裁剪。contain: paint 也可以实现隐藏父容器外的子元素内容和屏幕范围外的内容都不会渲染设置这个属性的元素的子元素，他是为了加快页面渲染，
超长打点省略，将省略的内容放在前面，通过direction：rtl 设置排版方向, 正常情况下默认值是 ltr.
<
张鑫旭、大漠老师
2023年01月04日 22:14:40
用gitee做图床，结果通过 referrer进行防盗链。可以通过在头部设置meta，让其为空
因为用户在直接访问 图片的时候是没有 referrer 的，所它并不能通过判断 referrer 是否为空来阻止防盗2023年01月01日 17:54:08
防抖函数：指回调函数在指定时间后执行。如果在这个时间内再次触发，则重新计时。常用于防止用户多次点
节流函数：指函数在指定时间范围内指触发一次。常用于scroll。