#3松桑前端后花园周刊-如何避免项目中面条式 if/else 使用

行业动态

1、W3C 正在开发 Web 神经网络 API（Web Neural Network API）

文档描述了一个专用于神经网络推理硬件加速的Web API。

2、WebAssembly JSPI 即将进行实验阶段（英文）

该API全称为 WebAssembly’s JavaScript Promise Integration (JSPI)，API的目的是在 JavaScript Promise和 WebAssembly 之间提供相对有效交互互操作，但是工作在一个约束条件下，即只对 JS API 进行修改，而不对核心 wasm 进行修改。此API将在 Chrome release M123上进行实验。

发布

1、Nuxt 3.11

全栈 Vue 框架，这可能是 Nuxt v4之前的最后一个小版本，但包含了重大更新：日志优化,、新增usePreviewMode预览模式不使用缓存数据等新特性。

2、Angular 17.3

新增output相关API，以及对TS 5.4 支持。

3、Preact 10.20.0，Express.js 4.19.0

文章

1、在现代Web应用中如何使用 localStorage（英文）

作者阐述了 localStorage 在 Web 应用上的缺陷和优点，列出了不适用使用 localStorage 的几种场景，并与 IndexedDB、IndexedDB、IndexedDB、sessionStorage 等存储方式进行了对比。

2、AVIF 是网络图像的未来（英文）

AVIF 是一种利用AV1视频编解码器进行图像压缩的图像格式，与JPEG、PNG和WebP相比，AVIF在压缩效率和图像质量方面都很突出。尽管有许多优势，但采用AVIF仍面临挑战：目前Chrome和Firefox等主流浏览器支持AVIF，但并非所有浏览器都支持。

3、如何避免项目中面条式 if-else 使用（英文）

开发人员很容易陷入 if/else 的陷阱，不是因为其他解决方案的复杂性，而是因为它遵循了这样一种自然的语言模式。作者通过两个例子，阐述了简化if/else的思路：将你要比较的值表示为数据，编写代码时考虑如何简化逻辑来解释这些数据。

开源项目

《Hello 算法》(Star 71.9k、Fork 9k）

《Hello 算法》是一本开源免费、新手友好的数据结构与算法入门教程。全书采用动画图解，源代码可一键运行，支持 Python, C++, Java, C#, Go, Swift, JS, TS, Dart, Rust, C, Zig 等语言。目前作者已经发布纸质版书籍，线上网站仍然支持免费学习：Hello 算法在线阅读地址。

网站

1、有趣网址之家

有趣网址之家，以博客的方式分享全球有趣的网站

2、这是有毒的吗

这个网站提供查询某种植物是否对宠物有害，如苹果对猫、狗、马来说是不好的。

3、字节跳动免费AI文生图产品：Dreamina

用户可以使用手机号码注册或某音账号扫码登录，支持中文界面和提示词输入，目前可免费使用。

4、StockCake

StockCake是一个AI图像库平台，平台配备了超级智能搜索功能，可以准确理解用户想要查找的内容，从海量图像中快速找到符合要求的图像。网站完全免费的，不需要订阅，并且无版权限制。

CSS WEEKLY

1、现代 CSS 工具提示和语音气泡（英文）

工具提示是 CSS 多年来使用的一种非常常见的模式。在 CSS 中有很多方法可以使用工具提示，尽管有些方法需要很多神奇的数字才能引起人们的头疼。在本文中，Temani Afif 介绍了创建具有最少标记量和最大灵活性的工具提示的现代CSS技术。

2、Safari 17.4 新增了switch组件（英文）

作者介绍了一个新的 HTML 表单控件，Safari 17.4已经支持: 切换开关。

资源

1、955noicu

记录了目前还在榜955名单上的公司。

2、DevDocs

Devdocs 是当今比较流行的编程语言的文档集合，包含JavaScript、HTML、CSS、React、Vue.js、TypeScript、Go等。

---

这里是松桑的前端后花园，目前坚持在写前端后花园周刊，专注前端基础领域，分享常见前端面试题、前端开源项目、工具库、前端最新动态，目前还一个前端菜鸟，和我一起打怪升级吧！

本文链接：https://www.kjpai.cn/news/2024-04-19/160318.html，文章来源：网络cs，作者：康由，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！