---
url: https://sugarat.top/weekly/2023-12-10.md
description: >-
  ① 和尤大聊项目进展、开源社区协作和前端思考 ② 盘点2023年前端大事件 ③ VS Code 1.85 发布 - 支持浮动窗口 ④
  前端DevOps平台的探索及设计理念 - 哔哩哔哩技术 ⑤ Vitest 1.0 发布 - 下一代测试框架 ⑥ URL.canParse - JS 新增方法
  ⑦ What the f*ck JavaScript? ⑧ 获取随机头像API ⑨ Devv - 最懂程序员的新一代 AI 搜索引擎 ⑩ Ai Cute
  Wallpapers - 免费的文生图
---

# 视野修炼第65期 - 兴趣是一种天赋

*💐 欢迎读者👉🏻 [投稿](https://www.wenjuan.com/s/AN32YrD/) 👈🏻分享内容*

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

\[\[toc]]

**​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）**

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

## 🔥强烈推荐

### [1. 和尤大聊项目进展、开源社区协作和前端思考](https://www.xiaoyuzhoufm.com/episode/656de7e18502c0b989efdcd0?s=eyJ1IjoiNWY3NjA4MTVlMGY1ZTcyM2JiYTcyMTg2IiwiZCI6MX0%3D)

> 围绕近期 Vue.js / Vite的技术变化、开源社区维护、前端未来发展的思考展开。也聊了一些轻松话题，比如：怎么看他被称呼尤大，祖师爷这个绰号？github 上yyx990803 神秘的数字是什么意思？Vue4 啥规划？未来是否有计划退休？写 Vue 用不用 Copilot？发际线如何保养等非技术话题。

*这是音频内容，推荐对 Vue\&Vite&尤大 感兴趣的同学听一下，干货挺多*

*尤大 Github([yyx990803](https://github.com/yyx990803)) 账号这串数字是初中学号😄*

很喜欢尤大最后说的一句话 **”兴趣是一种天赋“**

### [2. 盘点2023年前端大事件](https://mp.weixin.qq.com/s/dJp4fFeJ3wYn3uNK_tBpvQ)

> 2023 年即将过去，这一年前端生态圈快速发展，发生了许多令人瞩目的事件和变化，本文梳理了一些 2023 年前端界的重要事件。

笔者挑了一些（完整内容查看原文）

* React （纪录片，全新文档）
* Rspack 发布，Bun 发布 1.0，TypeScript 5 更新
* CSS 支持嵌套语法
* Rome 停止维护，改为社区 Biome 维护

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

### [3. VS Code 1.85 发布 - 支持浮动窗口](https://code.visualstudio.com/updates/v1_85)

![](https://img.cdn.sugarat.top/mdImg/MTcwMjE5NzY5MTE4Mg==702197691182)

### [4. 前端DevOps平台的探索及设计理念](https://mp.weixin.qq.com/s/TBbfu8lTzcVyxRKkjgyWgQ) - 哔哩哔哩技术

> Jinkela（金坷垃）Pipeline 是一套用于前端 DevOps 的实验性的胶水工具，解决了开发流程中的细节问题，简化前端发布的操作难度，能力被集成到 Dejavu(逮虾户) 这个在线平台。

通过这篇文章读者可以了解：

* 前端发布相关的“提示词”；
* 项目早期的想法和设计；
* 如何复刻一套简单可行、便于维护的、适用于前端的发布流程, 中途需要关注哪些细节？

*阿 B 的系统取名果然很二次元哈哈，**封面图也是从这里取的***

### [5. Vitest 1.0 发布](https://mp.weixin.qq.com/s/Da31cYCVOD8HWL9ha_K3rw) - 下一代测试框架

![](https://img.cdn.sugarat.top/mdImg/MTcwMjE5Mjc1NTgxNQ==702192755815)

### [6. URL.canParse](https://www.stefanjudis.com/blog/validate-urls-in-javascript/) - JS 新增方法

可以验证字符串是否为有效 URL。

```ts
URL.canParse('https://www.stefanjudis.com') // true
URL.canParse('www.stefanjudis.com') // false
```

*不过目前需要 Chrome 120才支持，要使用的化可以使用 [core-js 提供的 polyfill](https://github.com/zloirock/core-js/blob/master/packages/core-js/modules/web.url.can-parse.js#L19-L30)*

### [7. What the f\*ck JavaScript?](https://github.com/denysdovhan/wtfjs/blob/master/README-zh-cn.md)

> 这个项目旨在通过展示 JavaScript 中奇怪和意想不到的行为来娱乐和教育开发者

尤其的就是 js 的类型转换

```js
[] == ![] // -> true
```

```js
[] == true // -> false
![] == true // -> false
```

```js
[] == false // -> true
![] == false // -> true
```

*又想起了之前的趣图*

![](https://img.cdn.sugarat.top/mdImg/MTYyMzU5NTA3MzMwMA==623595073300)

### [8. 获取随机头像API](https://frontendfoc.us/link/148632/web)

访问 `https://i.pravatar.cc/{size}` 即可生成，例如 https://i.pravatar.cc/300

图片来源 [Pexels（一个免费的图库）](https://www.pexels.com/zh-cn/)

## 🤖AI工具&资讯

### [9. Devv](https://devv.ai/) - 最懂程序员的新一代 AI 搜索引擎

![](https://img.cdn.sugarat.top/mdImg/MTcwMjE5NTcyMjc0Mg==702195722742)

和往期介绍的国外的一个 [phind](https://www.phind.com/) 类似，搜索结果会从 Github StackOverflow 等平台检索。

下面可以看看实际效果

![](https://img.cdn.sugarat.top/mdImg/MTcwMjE5NTg3MjM2OA==702195872368)

### [10. Ai Cute Wallpapers](https://aicutewallpapers.com/) - 免费的文生图

使用和 sd 类似，写提示词就行

![](https://img.cdn.sugarat.top/mdImg/MTcwMjE5NzE5OTYzMA==702197199630)

下面是笔者试用的效果

![](https://img.cdn.sugarat.top/mdImg/MTcwMjE5NzA1MDkwOQ==702197050909)

当然提示词是从 [C站（civitai）](https://civitai.com/images/3921002) 大佬的作品里CV的

## 😛趣图

![](https://img.cdn.sugarat.top/mdImg/MTcwMjE5MTczODczMQ==702191738731)

认标认标，看看自己 Out 了没

***

篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）[移步博客](https://sugarat.top/weekly/index.html)

## ⭐️强力推荐关注

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