奇趣周刊 - 第 36 期

💡 原文中文,约1200字,阅读约需3分钟。
📝

内容提要

本文介绍了几个有趣的前端开发工具和资源,包括头像生成网站、基于vite的electron开发模板、执行es6+ts代码的库、微信公众号转rss服务、v2ex图片灯箱油猴脚本、文件翻译插件和基于vue的ui组件库。还包括了马斯克作SpaceX公司演讲的视频。

🔎

延伸解读

工具选择:从需求出发

本期推荐的工具覆盖头像生成、Electron开发、代码执行、RSS转换、图片查看、文件翻译和UI组件等不同场景。读者在选择时,可先明确自身需求:例如需要快速搭建Electron应用可考虑基于vite的模板;若对现有UI组件库审美疲劳,可尝试shadcn-vue。每个工具都针对特定问题,按需选用能提升效率。

开发效率与体验优化

基于vite的Electron模板开箱即用且支持Node.js API,能简化桌面应用开发流程;ts-node库允许直接执行ES6+和TypeScript代码,方便快速测试代码片段。此外,v2ex图片灯箱脚本解决了站内查看图片需跳转的问题,提升了浏览体验。这些工具都着眼于减少开发或使用中的摩擦。

内容获取与处理的便利

微信公众号转RSS服务可将公众号内容转化为订阅源,方便通过RSS阅读器统一追踪更新;沉浸式翻译的附属功能支持翻译PDF、EPUB、HTML、TXT及字幕文件,拓宽了翻译工具的应用范围。对于需要聚合信息或处理多格式文档的用户,这些资源提供了实用方案。

❓

Q&A

有没有纯前端实现的头像生成网站推荐?

有,vue-color-avatar.leoku.dev 是一个纯前端实现的矢量风格头像生成器,可以搭配不同素材组件生成个性化头像,并支持批量生成。

基于 Vite 的 Electron 开发模板有哪些特点?

electron-vite-vue 是一个基于 Vite 的 Electron 开发模板,开箱即用、可扩展,基于官方模板 template-vue-ts,侵入性较小,目录结构简单,支持在 Electron-Renderer 中使用 Node.js API。

如何将微信公众号内容转为 RSS 订阅?

可以使用 Wechat2RSS 服务(https://github.com/ttttmr/Wechat2RSS),它可以将微信公众号转换为 RSS 订阅源。

v2ex 图片灯箱油猴脚本是做什么的?

这是一个油猴脚本,用于在 v2ex 网站当前页面点击放大查看图片,避免跳转到其他网站,基于 simplebox.js 实现。

沉浸式翻译插件能翻译哪些文件格式?

沉浸式翻译插件的附属功能支持翻译 pdf、epub、html、txt 文件,以及字幕文件 srt、ass。

有没有类似 shadcn/ui 风格的 Vue 组件库?

有,shadcn-vue 是一个基于 Vue 的类 shadcn/ui 风格 UI 组件库,适合对 element 等现有组件库感到审美疲劳的开发者尝试,展示效果不错。

🏷️

标签

➡️

继续阅读