最后
四轮技术面+一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~
祝大家都能收获大厂offer~
篇幅有限，仅展示部分内容
CSS的计数器通过在 content 上应用 counter() 或 counters()函数来显示计数的。其中计数器是由counter-reset和counter-increment 来进行操作的。
语法
counter-increment: 计数器名称 数字值 可选值；
数字值：默认就是初始值（当你不使用counter-reset），并且表示步长。
可选值:none。
可以定义多个计数器。
单个计数器
p{
counter-increment: myCounter 1;
}
p::before{
content: counter(myCounter);
}
多个计数器
p{
counter-increment: myCounter 1 mycount2 2;
}
当然样式比较奇怪。你可以对p::before进行改造。
比如说这样：
同属于一个父元素才会累计
p {
counter-increment: myCounter 1 mycount2 2;
}
span1
span1
span21
span21
如图所示:p标签所属在两个div标签，计数会重新开始。
重置计数器。
语法：
counter-reset: 计数器的名字 数字值；
计数器的名字必须和counter-increment定义的一致。
数字值：初始值重置。刚才我们在介绍counter-increment的数字值的时候，有这样一句话：
计数器的初始值就变成了：reset的数字值+increment的数字值。，步长仍然是increment的数字值。
同样的reset可以同时重置多个计数器。
重置单个计数器
body {
counter-reset: myCounter 2;
}
p {
counter-increment: myCounter 2;
}
这里我们在body重置计数器，在p中定义这个计数器的步长。
最后的效果就是初始值为2+2 步长为2
必须在counter-increment之前。
这是啥意思呢？
span {
counter-reset: myCounter 2;
}
p {
counter-increment: myCounter 2;
}
span1在p里面
通过这张图可以看到，span标签是在p里面的我们把reset放在了span上，reset就无法生效。
reset和increment不要放在同一个标签
例如这样写，会导致什么效果呢，大家可以想一想
p {
counter-increment: myCounter 2;
counter-reset: myCounter 2;
}
其实结果就是每个span都是4，因为每一个p在生成的时候，计数器都会重置为2.
最后
今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！
可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
