前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome

周刊首发于微信公众号“写代码的宝哥”，欢迎各位前端小伙伴前来关注！

快讯

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第1张图片

文章

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第2张图片

  • CSS 2023 年度调查报告 - CSS 正在经历前所未有的新功能演进，浏览器也在不断跟进实现。从本份报告你不仅能了解 CSS 常用的一些功能特性，还能接触到一些新特性、新名词，帮你掌握未来 CSS 的发展趋势。值得一提的是，从今年报告的结果中，可以看到 CSS 框架的使用现在正处于某种下降趋势。
  • 请停止比较 Web Component 与 React - 凭借其庞大的生态系统和社区，React 经常成为衡量其他技术的标准。对于Web组件来说尤其如此。然而，这种比较框架是不公平的，并助长了过度依赖 React 等库的误导性批评。这篇文章旨在理清这些错位的批评，并强调为什么 Web Component 值得根据其自身的优点进行评估

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第3张图片

  • TypeScript中的数组类型 - 最近有人在 Twitter 开展调查，使用 TypeScript 数组类型时，更喜欢 Array （泛型语法）还是 string[]（数组语法），78% 的人选择了数组语法。作者认为 78% 的人完全错了，我们更应该使用泛型语法，并在文中给出了理由

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第4张图片

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第5张图片

  • 几个使用 CSS 阴影的有趣方法 - 本文较少几种不同的阴影效果的实验
  • 为什么 Tailwind CSS“赢”了 - Tailwind CSS 是一个新的、无处不在的前端框架。它取代了用 Twitter Bootstrap 构建的一代网站。然而，现在当前我们提到 Tailwind CSS 时，往往不是指框架本身，而是指通过 Tailwind UI 提供的 UI 组件。为什么 Tailwind CSS 变得如此受欢迎？文中列举了 4 个原因

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第6张图片

发布

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第7张图片

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第8张图片

工具

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第9张图片

  • SnippetBuilder - 一个代码截图工具。不过支持多片段代码添加、Logo 图标的添加等增强功能

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第10张图片

  • Lightning CSS：极快的 CSS 解析器、转换器、捆绑器和精简器，基于 Rust。可以替代 PostCSS，但功能更强大， 类似于 SWC 与 Babel 之间的关系
  • Image-To-Pixel - 将照片转换为像素艺术的编辑器，使用 p5.js 构建。repo

库

前端周刊第69期：Hello 算法、CSS 年度调查报告、Astro 3.0、Biome_第11张图片

  • Better Select - 基于原生