技术周报：2021-06-18

前端

2023-10-17 16:51:29

本周技术周报分享的内容有：

[小编推荐] 开源带给我什么
CSS ::marker 让文字序号更有意思
Conformance for Frameworks JavaScript 聊一聊进行中的 TC39 提案

开源带给我什么

开源不仅仅是一种技术运动，它更是一种文化，一种精神。它不仅仅是代码的开放，更是思想的开放。

开源带给我最大的收获是知识的分享和交流。在开源社区中，我可以接触到来自世界各地、不同背景的开发者，他们分享着自己的知识和经验，我也从中学习到了很多东西。

开源也让我变得更加包容和开放。在开源社区中，我们不会因为一个人的性别、种族、宗教或政治信仰而歧视他，我们只关心他是否能为项目做出贡献。这让我学会了尊重和理解不同的人。

开源还让我变得更加有责任感和使命感。当我为一个开源项目做出贡献时，我知道我是在为整个社区做贡献，我在帮助别人解决问题。这让我感到非常自豪和有成就感。

总的来说，开源带给我的收获是巨大的。它让我学习到了很多知识，结交了很多朋友，也让我变得更加包容和开放。我很感谢开源社区，也很荣幸能成为其中的一员。

CSS ::marker 让文字序号更有意思

CSS ::marker 属性可以让我们自定义列表项的标记符号。它支持很多不同的值，比如数字、字母、罗马数字、希腊字母等等。

使用 ::marker 属性可以让我们创建更具个性化和视觉吸引力的列表。比如，我们可以用罗马数字来标记章节标题，用希腊字母来标记步骤，用爱心来标记喜欢的东西，等等。

下面是一个使用 ::marker 属性创建的列表示例：

<ol>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>

<style>
ol {
  list-style-type: none;
}

li {
  display: flex;
  align-items: center;
}

li::marker {
  font-size: 1.5rem;
  margin-right: 1rem;
}

li:nth-child(1)::marker {
  content: "Ⅰ";
}

li:nth-child(2)::marker {
  content: "Ⅱ";
}

li:nth-child(3)::marker {
  content: "Ⅲ";
}
</style>