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

简介: 🔥强烈推荐1. 🍉 CEC-IDE本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮

🔥强烈推荐

1. 🍉 CEC-IDE

本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮

image.png

image.png

上线当天就被喷了,目前相关网站已停止访问,致歉声明来了

image.png


大方承认一下基于开源的也没啥,非要说完全自研(这不妥妥打脸)

2. 天工AI搜索

image.png

国内第一款AI搜索

自动对搜索内容进行总结,全程无广,不过使用需要登录

image.png


🔧开源工具&技术资讯

3. Million(React 的 VDOM 替代品)推出自动模式。

image.png


使用 npm i million 让你的 React 项目「快达 70%」,支持 Next.js、RSC、Vite、Astro 等。

image.png

4. Rollup 计划切换解析器从 acorn 到 swc

方案是直接使用 swc 的 Rust 绑定,将 AST 转换为二进制格式,然后再作为(Array)Buffer 传递给 JavaScript这相比直接传 AST 的 JSON 格式会快很多。

相信在未来,当下流行的构建工具或多或少都会内置一些基于 Rust 实现的工具,在部分环节上提速

不过一般的项目,1分钟和30s差距不大,但是对于一些老项目(基于webpack的),多则20分钟,少则5-6分钟

在追求项目稳定的情况下,很难在底层工具链上做改造,目前基本还是拆子项目,或者换上高性能的构建机器

5. 为什么 TypeScript 不能正确处理 Object.keys()

本文阐述了在 TypeScript 中使用 Object.keys() 遍历对象时的一个报错和优雅的解决办法

下面是一个示例,相信使用 TS 的同学都有遇到过这个问题

image.png

笔者通常会将其设置为 any 来解决这个问题,但是这样会导致丢失类型信息

image.png

报错的原因是因为,在TS的定义在Object.keys 方法的定义如下

interface Object {
  keys(o: object): string[];
}

其返回内容是 string[],而咱们得对象属性是确定的,所以这里会报错

文章作者给了一个规避方法是将其as (keyof typeof T)[]any 优雅一点

const keys = Object.keys(options) as (keyof typeof options)[];
keys.forEach(key => {
  if (options[key] == null) {
    throw new Error(`Missing option ${key}`);
  }
});

当然这里可以提取出一个工具类型和工具方法,方便使用

type KeysOf<T> = (keyof T)[]
const keysOf = <T extends object>(obj: T) => Object.keys(obj) as KeysOf<T>
keysOf({ a: 1, b: 2 }).forEach((key) => {
  if (key === 'a') {
    console.log(key)
  }
})

image.png

6. background-removal-js - 自动抠图 JS SDK

直接通过浏览器实现自动抠图

笔者拿了一张AI生成的图,效果还是不错

image.png

🤖AI工具&资讯

7. GPT-3.5 Turbo 新增微调 API

GPT-3.5Tubo的微调现已推出,GPT-4的微调将于今年秋天推出。此更新使开发人员能够自定义更适合其用例的模型。

一些特定场景可以通过微调来提升模型的准确率,

相关文章
|
8月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
8月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第52期
🔥强烈推荐 1. 极速图片压缩器 软件特色 具有超快的压缩速度 支持压缩 GB 级别的超大体积的图片 支持 7 种图片格式 支持原始图片预览 支持【鼠标拖拽】【点击选择】【ctrl + v 粘贴】 等多种方式添加图片 支持添加文件夹,可自动解析文件夹内所有符合要求的图片 实时显示压缩进度 完全在本地执行压缩,有无网络均可,不上传图片,充分保证隐私安全
|
8月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
8月前
|
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 了 😄
|
8月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
8月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
8月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
8月前
|
Web App开发 人工智能 Rust
视野修炼-技术周刊第56期
🔥强烈推荐 1. Vite 的现状与未来展望 10 月 5 日 - 6 日,ViteConf 2023 在线举行,尤大发表了题为《The State of Vite》 的演讲,有如下几个值得关注的点: Vite 5.0 目前处于测试阶段(beta):停止支持已经 EOL 的 Node.js 版本;推荐使用ESM 🔥 Rolldown(使用 Rust 开发的 Rollup 替代品):Vite 团队正在研发 Rolldown,同时与 Rspack 团队合作开发一些共享的底层工具和功能
|
8月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
8月前
|
人工智能 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 上面的小组件。

热门文章

最新文章