共计 1772 个字符，预计需要花费 5 分钟才能阅读完成。
周刊首发于微信公众号“写代码的宝哥”，欢送各位前端小伙伴前来关注！
快讯
- Astro 3.0 公布，成为第一个反对 View Transitions API 的 Web 框架
- Biome 公布，Fork 自 Rome 官网仓库，持续 Rome 的未竟事业
文章
- CSS 2023 年度调查报告 – CSS 正在经验前所未有的新性能演进，浏览器也在一直跟进实现。从本份报告你不仅能理解 CSS 罕用的一些性能个性，还能接触到一些新个性、新名词，帮你把握将来 CSS 的发展趋势。值得一提的是，从往年报告的后果中，能够看到 CSS 框架的应用当初正处于某种降落趋势。
- 请进行比拟 Web Component 与 React – 凭借其宏大的生态系统和社区，React 常常成为掂量其余技术的规范。对于 Web 组件来说尤其如此。然而，这种比拟框架是不偏心的，并助长了适度依赖 React 等库的误导性批评。这篇文章旨在理清这些错位的批评，并强调为什么 Web Component 值得依据其本身的长处进行评估
- TypeScript 中的数组类型 – 最近有人在 Twitter 开展调查，应用 TypeScript 数组类型时，更喜爱
Array<string>（泛型语法）还是string[]（数组语法），78% 的人抉择了数组语法。 作者认为 78% 的人齐全错了，咱们更应该应用泛型语法 ，并在文中给出了理由
- 面向未来的 React 利用构造：本文为构建古代 React 我的项目，给出了一套本人的目录计划。疏导您你远离那些常见的谬误，播种编码愉悦感
- 如何构建像 Lodash 这样的 JavaScript 工具库 – 手把手教你构建一个繁难版本的 Lodash 工具库
- 几个应用 CSS 暗影的乏味办法 – 本文较少几种不同的暗影成果的试验
- 为什么 Tailwind CSS“赢”了 – Tailwind CSS 是一个新的、无处不在的前端框架。它取代了用 Twitter Bootstrap 构建的一代网站。然而，当初以后咱们提到 Tailwind CSS 时，往往不是指框架自身，而是指通过 Tailwind UI 提供的 UI 组件。为什么 Tailwind CSS 变得如此受欢迎？文中列举了 4 个起因
- 给 Web 开发人员的 15 条可怕倡议 – 做到这 15 条，你就能疾速写出难以保护的屎山我的项目了
- 如何在社交媒体上为代码截图编写 alt 文本 – 帮忙视力有阻碍的程序员从代码片段中进行学习
- 基于滚动的布局动画 – 应用 GSAP 的 ScrollTrigger 和 Flip 摸索不同的基于滚动的布局切换动画
- 摸索 Oklch 色调空间 –
Oklch()是 CSS 中一个新的表白色调的函数，这篇文章教咱们如何应用它
公布
- Firefox 117 – 目前所有支流浏览器都已反对 CSS 嵌套
- jQuery 3.7.1 – 修复 jQuery 3.7.0 中删除 Sizzle 时引入的一个 BUG
- TypeScript 5.2
工具
- SnippetBuilder – 一个代码截图工具。不过反对多片段代码增加、Logo 图标的增加等加强性能
- Lightning CSS：极快的 CSS 解析器、转换器、捆绑器和精简器，基于 Rust。能够代替 PostCSS，但性能更弱小，相似于 SWC 与 Babel 之间的关系
- Image-To-Pixel – 将照片转换为像素艺术的编辑器，应用 p5.js 构建。repo
库
- Better Select – 基于原生
<select>的最小化封装，提供 Web Component 和办法调用 2 种应用形式 - fs-lite – 一个 fs-extra 的轻量级替代品，无任何依赖，源码实现非常适合用来学习
- Default composer：一个只有 ~500B 大小的 JavaScript 工具库，用于设置嵌套对象的默认值
- Peaks.js 3.0 – 一个 JavaScript 组件，用于基于浏览器的音频波形可视化，来自 BBC 的研发部门
资源
- 《Hello，算法》– 一本收费、开源、老手敌对的数据结构与算法入门教程。提供在线和 pdf 文档下载 2 种浏览形式
- WebGL 图像处理技术实际 – 摸索在浏览器中应用 GPU 着色器的几种图像处理技术，包含色彩校对、混合模式、抖动等
- WebGlossary.info – 该站点列举了 Web 开发畛域 3,500 多个术语和概念，不便查问学习
- Toools.design – 这个站点收集了 1000+、18 个类别的设计资源和工具，供开发软件或寻找灵感应用，每周都会有更新
材料起源：Frontend Focus#607、社交网络
本文由 mdnice 多平台公布
正文完
