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

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

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

🔥强烈推荐

  1. 前端量子纠缠效果
  2. Rsbuild 登场

🔧开源工具&技术资讯

  1. Easydict - 词典翻译 macOS App
  2. 一文带你了解前端渲染模式演进史

🤖AI工具&资讯

  1. 截图生成网页源码

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

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

🔥强烈推荐

1. 前端量子纠缠效果

本周最火的"前端项目"

下面是动图的效果

作者开源了简版的实现 multipleWindow3dScene,目前已经有6k+的⭐️

掘金上也有相关的实现:跨窗口渲染动画效果

2. Rsbuild 登场

Rsbuild 是基于 Rspack 的构建工具,旨在成为增强版的 Rspack CLI,更加容易上手和开箱即用。Rsbuild 是 Webpack 应用迁移到 Rspack 的最佳方案,他能帮助你减少 90% 配置并获得 10 倍构建速度。

下面是创建的一个 React Demo

sh 复制代码
npm create rsbuild@latest

下面是一个 benchmark 数据

下面是 Rsbuild 在生态中的定位

现在新项目又多了一个选项,xdm 可以用起来,当然笔者首选 Vite hh

🔧开源工具&技术资讯

3. Easydict - 词典翻译 macOS App

开箱即用,支持离线 OCR 识别,支持有道词典,🍎 苹果系统词典,🍎 苹果系统翻译,ChatGPT,DeepL,Google

下面是翻译结果

4. 一文带你了解前端渲染模式演进史

作者详细的阐述了各种渲染模式的优缺点,读者在做相关技术选型时可参考,还能从文中获得在性能优化方面的一些灵感和思路。

🤖AI工具&资讯

5. 截图生成网页源码

使用截图,通过GPT 生成网页HTML/Tailwind/JS 的代码实现

下面是测试的结果,emmm 马马虎虎吧

项目是开源的,拉下来配置api-key就能跑

😛趣图


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

⭐️强力推荐关注

相关推荐
JarvanMo1 分钟前
Flutter Web vs Mobile:主要区别以及如何调整你的UI
前端
BillKu14 分钟前
下载 Eclipse Temurin 的 OpenJDK 提示 “无法访问此网站 github.com 的响应时间过长”
github·openjdk·eclipse temurin
IT_陈寒21 分钟前
Java性能优化:从这8个关键指标开始,让你的应用提速50%
前端·人工智能·后端
天生我材必有用_吴用23 分钟前
Vue3+Node.js 实现大文件上传:断点续传、秒传、分片上传完整教程(含源码)
前端
绝无仅有37 分钟前
HTTP面试之实战经验与总结
后端·面试·github
绝无仅有38 分钟前
职场面试redis经历之与一位资深技术面试官的技术问答与总结
后端·面试·github
摸鱼的春哥39 分钟前
前端程序员最讨厌的10件事
前端·javascript·后端
牧羊狼的狼5 小时前
React 中的 HOC 和 Hooks
前端·javascript·react.js·hooks·高阶组件·hoc
老马啸西风6 小时前
v0.29.2 敏感词性能优化之基本类型拆箱、装箱的进一步优化的尝试
性能优化·开源·nlp·github·敏感词
知识分享小能手6 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react