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

笔者在GitHub开了个 discussion 🔥 技术&开源&文章推荐,欢迎读者推荐贡献内容或者知识渠道

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

🔥强烈推荐

  1. Vite 的现状与未来展望
  2. Web版Photoshop
  3. Console Ninja:console调试神器

🔧开源工具&技术资讯

  1. 为 Eslint 9.0 提前做准备
  2. 使用 documate 为 VitePress 文档站添加AI对话能力

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

下面开始本期内容的介绍,预计阅读时间 5 分钟。

🔥强烈推荐

1. Vite 的现状与未来展望

10 月 5 日 - 6 日,ViteConf 2023 在线举行,尤大发表了题为《The State of Vite》 的演讲,有如下几个值得关注的点:

  1. Vite 5.0 目前处于测试阶段(beta):停止支持已经 EOL 的 Node.js 版本;推荐使用ESM
  2. 🔥 Rolldown(使用 Rust 开发的 Rollup 替代品):Vite 团队正在研发 Rolldown,同时与 Rspack 团队合作开发一些共享的底层工具和功能

Rolldown Roadmap

  1. 基础打包功能:替代 esbuild 进行依赖预打包
  2. 高级打包功能:实现 Rollup 功能
  3. 内置转换支持:ts,jsx,minify,语法降级
  4. 使用 Rust 重构 Vite

大家如果开发npm包,推荐打两份产物一份cjs,一份esm;同时 Rolldown 也是非常值得期待的

2. Web版Photoshop

经过 Adobe 工程师多年来的努力,通过与 Chrome 等浏览器厂商密切合作,运用 WebAssembly + Emscripten、Web Components + Lit、Service Workers + Workbox 和新的 Web API 等技术,Adobe 终于在近期推出了 Web 版 Photoshop

3. Console Ninja:console调试神器

一个VS Code 插件,在编辑器中增强了 js console 的调试能力,支持直接在编辑器中实时查看打印的 console 信息

下面是操作示例,对代码无任何侵入性的修改

console.log 调试大师们的福音

插件目前有免费和付费2个版本,免费版本笔者认为日常场景完全够用了,开发又能大大的提效了

🔧开源工具&技术资讯

4. 为 Eslint 9.0 提前做准备

主要内容是告知规则作者需要注意的一些重大改变

GPT:这些更改是为了实现语言插件,并让ESLint能够支持JavaScript以外的其他语言的语法检查

5. 使用 documate 为 VitePress 文档站添加AI对话能力

5分钟就能搞定,不过需要自己准备 Openai 的 API Key

下面是我在自己的主题站点上添加后的效果(theme.sugarat.top)

效果一般般,有一定概率没有结果


篇幅有限,如果你还没看够,可移步后面的推荐渠道,继续游览,历史周刊(<20)移步博客

⭐️强力推荐关注

相关推荐
石小石Orz18 分钟前
浏览器的预检请求OPTIONS到底有什么用?
前端
落雪小轩韩22 分钟前
网格布局 CSS Grid
前端·css
parade岁月24 分钟前
Vue 3 父子组件模板引用的时序陷阱与解决方案
前端
xianxin_29 分钟前
CSS Outline(轮廓)
前端
moyu8429 分钟前
遮罩层设计与实现指南
前端
Pedantic38 分钟前
用 SwiftUI 打造一个 iOS「设置」界面
前端
timeweaver44 分钟前
深度解析 Nginx 前端 location 配置与优先级:你真的用对了吗?
前端·nginx·前端工程化
鲸落落丶1 小时前
网络通信---Axios
前端
wwy_frontend1 小时前
React性能优化实战:从卡顿到丝滑的8个技巧
前端·react.js
小高0071 小时前
面试官:npm run build 到底干了什么?从 package.json 到 dist 的 7 步拆解
前端·javascript·vue.js