视野修炼-技术周刊第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)移步博客

⭐️强力推荐关注

相关推荐
Smile_Gently2 小时前
前端:最简单封装nmp插件(组件)过程。
前端·javascript·vue.js·elementui·vue
luckycoke8 小时前
小程序立体轮播
前端·css·小程序
一 乐8 小时前
高校体育场管理系统系统|体育场管理系统小程序设计与实现(源码+数据库+文档)
前端·javascript·数据库·spring boot·高校体育馆系统
懒羊羊我小弟8 小时前
常用Webpack Loader汇总介绍
前端·webpack·node.js
祈澈菇凉9 小时前
ES6模块的异步加载是如何实现的?
前端·javascript·es6
我爱学习_zwj9 小时前
4.从零开始学会Vue--{{组件通信}}
前端·javascript·vue.js·笔记·前端框架
顾比魁9 小时前
XSS盲打:当攻击者“盲狙”管理员
前端·网络安全·xss
黑客老李9 小时前
新手小白如何挖掘cnvd通用漏洞之存储xss漏洞(利用xss钓鱼)
java·运维·服务器·前端·xss
晚风予星9 小时前
简记|LogicFlow自定义BPMN元素节点
前端
Json____10 小时前
使用html css js 开发一个 教育机构前端静态网站模板
前端·css·html·js·前端学习·企业站·教育机构网站