---
url: https://sugarat.top/weekly/2024-10-27.md
description: >-
  ① 2024 CSS 现状 ② 开发术语百科全书 ③ 对用更快的语言重写 JS 工具持怀疑态度 ④ JSBEN - JS代码性能对比 ⑤
  Emoji-Fallback.js ⑥ Web 缓存网 - CDN资源
---

# 视野修炼第107期 | 2024 CSS 现状

欢迎来到第 107 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. 2024 CSS 现状](https://2024.stateofcss.com/zh-Hans/)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/8e57a2fa0f5ccc534223d7ce4c433bfa)

2024 年使用最广泛的 CSS 特性：`blur(滤镜效果)`

```css
.image{
  filter: contrast(175%) blur(5px);
}
```

![](https://cdn.upyun.sugarat.top/mdImg/sugar/be27a04791d0da04bdcd2fd8fc0cd459)

CSS 与 JS的平衡：大部分还是编写更多的 js

![](https://cdn.upyun.sugarat.top/mdImg/sugar/080f32c2f8484f76cbafd3644462d518)

最受喜爱的功能：`has()`

```css
a:has(> img) {
  border: 2px solid grey;
}
```

总结和展望

![](https://cdn.upyun.sugarat.top/mdImg/sugar/89f4b20363324beffdf6e39048a92a66)

### [2. 开发术语百科全书](https://devpedia.pages.dev/)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/d3c92020bb63ac80b87115ea79ecd6f1)

非常值得收藏。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/ee618fa09486fa44c7468a4f849c12a1)

### [3. 对用更快的语言重写 JS 工具持怀疑态度](https://nolanlawson.com/2024/10/20/why-im-skeptical-of-rewriting-javascript-tools-in-faster-languages/)

作者有一些观点：

* 没有完全榨干 JS 的所有性能（比如`ESlint`,`Tailwind` 仍然有优化空间），基于 JavaScript 的 CLI 工具不应该急于丢弃 JavaScript
* 使用更快的语言不一定意味着工具更快：① 编写是考虑了更快的性能 ② API已经稳定，没有历史包袱修改整体
* 贡献和可调试性：① JS 非常友好容易上手（熟悉它的人占大多数）因此 贡献它的道路更加顺畅 ② 本地修改js并调试依赖更加简单，但如果它们是 Rust 或 Go 写的，需要查看源码并自己编译 ③ 如果库报错了，JS 的报错更容易被接受理解

我非常赞同`贡献和可调试性`的观点，如果Rust库报错了，只能靠熟悉 Native 语言的开发者排查了，没有开源的话 那就束手无措了。

## 🔧开源工具&技术资讯

### [4. JSBEN](https://jsben.ch/) - JS代码性能对比

> 一个在线页面，用来比较不同 JS 代码块的性能

![](https://cdn.upyun.sugarat.top/mdImg/sugar/69e666be8cd72605717289263e6fa19a)

### [5. Emoji-Fallback.js](https://github.com/MarketingPipeline/Emoji-Fallback.js)

在所有浏览器上提供对表情符号的支持。

例如：☺ 将在不支持 emoji 的设备上替换为笑脸的 img。

### [6. Web 缓存网](https://www.webcache.cn/) - CDN资源

![](https://cdn.upyun.sugarat.top/mdImg/sugar/cba0a8d1cd255df0659d119f39552830)

## 😛趣图

![](https://cdn.upyun.sugarat.top/mdImg/sugar/ddf5afc42bcd02979521cf87166e9f71)

## ⭐️强力推荐关注

> 周刊部分内容来源如下渠道，推荐大家关注。

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://sorrycc.com/mdh/) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [前端 RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [值得一读技术博客](https://daily-blog.chlinlearn.top/) - 每天进步一点点，每天分享有料的技术文章！
* [FRE123 技术周刊精选](https://www.fre321.com/weekly) - 技术周刊精选推荐信息流