视野修炼-技术周刊第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

可以收藏收藏,了解一下

相关文章
|
7月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第52期
🔥强烈推荐 1. 极速图片压缩器 软件特色 具有超快的压缩速度 支持压缩 GB 级别的超大体积的图片 支持 7 种图片格式 支持原始图片预览 支持【鼠标拖拽】【点击选择】【ctrl + v 粘贴】 等多种方式添加图片 支持添加文件夹,可自动解析文件夹内所有符合要求的图片 实时显示压缩进度 完全在本地执行压缩,有无网络均可,不上传图片,充分保证隐私安全
|
7月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
7月前
|
前端开发 程序员 数据库
视野修炼-技术周刊第26期
🔥强烈推荐 1. 一个程序员决定写代码到60岁 “人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码 推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊
|
7月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
7月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第62期
🔥强烈推荐 1. Vite5.0 发布! 11 月 16 日,Vite 5.0 正式发布 该版本主要关注API优化,去除过时功能,并解决一些长期存在的问题。 使用了Rollup 4,这在构建性能方面有了很大的提升。 对Node.js的支持进行了调整,现在需要使用Node.js 18+版本。 2. Bubble - README 小组件 该仓库收集各种可以放在 GitHub Profile 和 Readme 上面的小组件。
|
7月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
7月前
|
Web App开发 人工智能 JavaScript
视野修炼-技术周刊第47期
🔥强烈推荐 1. Arc 浏览器!!! 同事本周强烈推荐的一个 Chrome浏览器替代品,基于 Chromium 开发,支持直接从Chrome浏览器导入插件和收藏夹内容,实现无缝的切换,甚至连Cookie(登录状态)都能导入!! 笔者从昨天开始使用,目前体验非常不错(仅有Mac版本)。
|
7月前
|
人工智能 JavaScript 小程序
视野修炼-技术周刊第49期
🔥强烈推荐 1. ikun-ui 一个 Svelte.js 组件库 首页有个动画非常有意思
|
7月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第50期
🔥强烈推荐 1. glitchtext - 毛刺字符生成 为字符加上毛刺效果的网页工具,这个可以在部分取名场景使用,比如游戏ID取名经常重复的情况(前提是目标设备支持)
|
7月前
|
前端开发 算法 数据库
视野修炼-技术周刊第48期
🔥强烈推荐 1. 美团前端研发框架Rome实践和演进趋势 团队出品的技术沙龙,研发框架部分整理成文章了