前端早读精选:Tauri 替换 Electron?用 CSS 实现优雅实现提示框

369 阅读5分钟

7a685e255c44d1daa5a11116e14b06d8.png

探索前端技术的无尽旅程从这里开始!每周精选前端领域的热门文章。文章方面,本期为大家带来,为什么用 Tauri 替换 Electron做桌面软件、如何用 npm+typescript打造完善的monorepo仓库、神奇的CSS实现各类花式提示框、2024了,你该知道的git命令;工具方面,黄仁勋“几乎每天用”的搜索引擎 -- Perplexity、AI图片处理工具:image-tools、nvm GUI工具;行业新闻方面,腾讯技术专家总结 15 年工作经验、星舰又炸了,但这也最成功的一次。话不多说,详细内容请大家查阅。如果觉得有收获,动动大拇指点个赞,以示鼓励!

文章推荐

为什么选择Tauri 替代 Electron 做桌面应用

文章深入分析了Electron与Tauri在开发桌面应用方面的对比。Electron,虽然广受欢迎,但因其较大的应用体积和较慢的性能遭到批评。相比之下,Tauri以其轻量级和高性能获得优势,主要使用Rust语言,提供了更高的效率和安全性,尽管存在学习挑战。作者选择Tauri的核心原因包括更小的应用体积、更快的性能和更高的安全性,这些特性使Tauri成为构建现代桌面应用的理想选择。笔者体验过两款框架的开发,在易用性上 Tauri 确实对新手比较好,能够很快上手,但缺点也很明显,Tauri 对系统API 支持的丰富度与社区丰富度上,跟 Electron 相比,确实还有较大差距。

使用 npm + TypeScript 打造 monorepo 仓库

文章详细阐述了如何结合npm和TypeScript在monorepo项目中实现高效的依赖管理和模块化构建。通过引入npm工作区,作者展示了如何优化项目结构,使不同的包能够共享依赖,同时保持各自的独立性。此外,文章还提供了关于配置TypeScript来支持monorepo结构的指南,包括设置共享的tsconfig基础配置和解决跨包引用的方法。这种方法旨在提高开发效率,简化项目维护,并优化构建过程。

用CSS实现提示气泡

针对功能点的提示气泡,是业务开发过程中,常见的需求之一。如何在最小的标记与最大的灵活性的前提下使用 CSS 来完成功能开发呢?文章介绍了 clip-pathborder-image 结合 CSS 变量的方式去实现各种复杂场景的气泡功能,同时尽可能的保持灵活性。该系列文章分为两部分,第一部分主要讲述基本的实现功能, 第二部分将探索更多场景下的提示气泡的实现方式。 image.png

更好用 git 新命令

介绍了几个现代化的Git命令和功能,包括git switchgit restore(自Git版本2.23开始引入),用于切换分支和恢复文件的最后提交版本;git sparse-checkout(自Git版本2.25引入),用于在大型仓库中高效地检出子目录;以及git worktreegit bisect,分别用于管理多个工作树和通过二分查找定位引入错误的提交。

工具推荐

perplexity

黄仁勋“几乎每天用”的搜索引擎 -- Perplexity。Perplexity自称为“世界上首个对话式搜索引擎”,核心使命是:挑战谷歌在搜索引擎领域的主导地位。与谷歌传统搜索引擎不同,Perplexity并非简单给出网站链接,而是运用先进的人工智能模型,针对用户的搜索问题提供直接、精准的答案,这种模式提升了搜索效率,也使得搜索过程更为智能;而与ChatGPT等生成式AI相比时效性更强、可溯源

AI-image

图片处理工具,支持通用抠图、人像抠图、背景替换。

  • 通用抠图:处理输入图像中的主体,支持商品、人物、动物、植物、汽车等,无需任何额外输入,实现端到端的通用抠图并输出四通道抠图结果,
  • 人像抠图:处理包含肖像的输入图像,无需任何额外输入,实现端到端的肖像抠图,并输出四通道图像抠图结果
  • 背景替换:输入一张肖像照片和背景图片,即可生成抠图结果并更改背景,一键完成!

image.png

nvm-desktop

不习惯使用 NVM CLI,那不妨试试 nvm 的 GUI 软件。 image.png

更多推荐

入行 15 年,我还是觉得编程很难

程序员的职业成长,可能是诸多行业中最难的那一批了:

  • 校园时学的计算机理论,工作了几乎用不上;
  • 技术的革新太快,轮子还没精通就被时代淘汰;
  • 虚拟环境总是顺风顺水,一上生产环境就劫难重重;
  • 面试时候要求造核弹,工作以后拧螺丝,聊绩效时说没有造核弹的思考;
  • 觉得技术是最重要的,又觉得只会技术走不远,于是既丢掉了对技术的追求,也没学会对业务的思考;
  • ……
    写代码很简单,写好代码很难;编程的精髓是“创造”;技术很重要,但“人”也许更重要;程序员最大的敌人是什么?

马斯克的星舰又炸了,但这是最成功的一次

目前为止最成功的星舰试飞,目标打卡 2 个半