视野修炼-技术周刊第59期

简介: 🔥强烈推荐1. Yarn 4.0 正式发布,性能大幅提升!10.23 日,Yarn 4.x 发布。新的官网如下 看上去档次高了

🔥强烈推荐

1. Yarn 4.0 正式发布,性能大幅提升!

10.23 日,Yarn 4.x 发布。

新的官网如下 看上去档次高了

image.png

安装的话,官方推荐使用 corepack 安装(才知道这个是 Yarn 与 Node.js 合作开发的

Corepack 是随 Node.js 16+ 一起提供的工具,它会根据你正在处理的项目自动选择正确的包管理器版本(管理包管理工具的工具🤭)

大部分场景能和pnpm打个平手了(不过感觉推出有点迟了,pnpm已经推得很广了)

2. JSDoc 真能取代 TypeScript?

先说结果:JSDoc 确实可以替代 ts,但是其只是另一种使用 ts 的方式

印象中社区里最开始 抛出放弃的TS的是 Svelte

但类型的问题始终需要解决,JSDoc 只是方便了 JS 文件可以使用TS的检查能力

转个知乎的讨论图,可以看一下使用 JSDoc 的代码

image.png

image.png

image.png

书写起来并没有TS方便

3. 页面Loading加载动画合集

该网站收集各种 CSS 的页面加载特效,收藏起来备用!

image.png

🔧开源工具&技术资讯

4. Spacedive - 开源的跨平台资源管理器

基于 Rust 和 Tauri 实现

image.png

喜欢尝鲜的可以试一试,UI 还不错 还没深度使用

5. 2024 React 生态系统展望

文章对 2024 年 的 React 生态系统进行展望,包括状态管理、表单处理、测试、样式和组件库等。

  • 路由:React Router,React Query,Next.js
  • 状态管理:Redux Toolkit,Zustand
  • 表单:Formik,React Hook Form
  • 测试:Vitest...

emmm,和当下国内的企业生产开发所用的还是有很大差别

6. TypeScript 5.3 beta

beta 版本与正式版本通常不会有明显的差异

主要的内容包括支持了两个 TC39 提案以及数个类型收窄相关的优化。

① Import Attributes

import json from "./foo.json" with { type: "json" };
import("foo.json", { with: { type: "json" } });
export { val } from './foo.js' with { type: "javascript" };

② 类型收窄优化

switch (true) {
  case typeof x === 'string':
    // 'x' is 'unknown' here.
    console.log(x.toUpperCase())
  case Array.isArray(x):
    // 'x' is 'unknown' here.
    console.log(x.length)
  default:
    // 'x' is 'unknown' here.
}

现在这种 switch 语句中的 case 分支种的x 将会正常工作,拥有正确的类型。

7. 一些特殊 HTTP 标头字段

文档中介绍一些不常见的 HTTP 标头字段,分使用场景进行了整理

image.png

可以收藏收藏,了解一下

相关文章
|
6月前
|
Web App开发 人工智能 JSON
视野修炼-技术周刊第54期
🔥强烈推荐 1. Node.js 16 EOL EOL(end of life) 2023 年 9 月 11 日,Node.js 16 将停止维护,推荐大家切换到 Node.js 18 使用(EOL 2025-04-30) 官推下面很多都在推荐 Bun 了 😄
|
6月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
6月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
6月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
6月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
6月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”
|
6月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
6月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
6月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第50期
🔥强烈推荐 1. glitchtext - 毛刺字符生成 为字符加上毛刺效果的网页工具,这个可以在部分取名场景使用,比如游戏ID取名经常重复的情况(前提是目标设备支持)
|
6月前
|
前端开发 算法 数据库
视野修炼-技术周刊第48期
🔥强烈推荐 1. 美团前端研发框架Rome实践和演进趋势 团队出品的技术沙龙,研发框架部分整理成文章了