自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(23)
  • 收藏
  • 关注

原创 Tauri应用开发实践指南(8)— Tauri 日志记录功能开发

Tauri 应用程序配置日志记录是一个简单的过程,可以极大地提升开发体验。通过使用 log 和 tauri-plugin-log,可以轻松地将日志记录集成到您的 Rust 和 JavaScript 代码中,日志记录在客户端的开发中是必不可少的,有一个规范的日志记录能力可以提高整个程序的稳定性。

2024-09-06 11:21:40 1148

原创 Tauri应用开发实践指南(7)— Tauri 自定义多语言菜单开发

通过以上步骤,我们成功地在 Tauri 应用中实现了自定义菜单,并支持多语言切换。这种方法不仅提高了应用的可用性,还增强了其国际化能力。使用 Tauri 提供的 API 构建菜单结构实现简单的翻译器以支持多语言在菜单创建过程中应用翻译处理菜单事件以响应用户操作自定义菜单为 Tauri 应用提供了更大的灵活性,允许开发者创建与应用紧密集成、符合用户需求的界面。通过添加多语言支持,我们进一步提升了应用的全球适用性。在实际开发中,您可能需要根据具体需求进行更复杂的菜单设计和事件处理。

2024-09-06 11:20:07 1124

原创 Tauri应用开发实践指南(6)— Tauri 主题&多语言设置开发

通过以上的详细介绍,我们了解了如何在Tauri应用中实现窗口主题和多语言设置。从静态和动态主题设置,到多语言支持的实现,这些内容涵盖了Tauri开发过程中的多个重要方面。实现好的主题和语言支持不仅能够提升用户体验,还能扩大应用的受众群体。在实际开发中,可能还需要根据具体项目的需求进行调整和优化。希望本文能为你的Tauri应用开发提供有价值的参考和启发!如果你在实现过程中遇到任何问题,欢迎进一步讨论和交流。祝你开发顺利!

2024-09-05 10:08:32 536

原创 Tauri应用开发实践指南(5)—Tauri 集成本地数据库

Tauri 是一个构建跨平台桌面应用程序的框架,利用 Web 技术构建前端,并使用 Rust 构建后端。它以其小巧的体积和高性能受到开发者的欢迎。在开发过程中,我们常常需要数据本地持久化, 所以会需要与本地数据库进行交互。通过以上步骤,我们在 Tauri 应用中成功集成了 tauri-plugin-sql-api 插件,实现了与本地 SQLite 数据库的交互。

2024-09-05 10:07:14 910

原创 Tauri应用开发实践指南(4)— Tauri 原生能力

Tauri 是一个用于构建安全的小型桌面应用程序的框架,它结合了 Web 前端和系统后端技术。文件系统访问Tauri 允许你的 Web 应用程序读取、写入和监视本地文件系统中的文件和目录。这对于处理用户文档、保存应用程序数据等场景非常有用。系统托盘Tauri 支持在系统托盘区显示应用程序图标,并提供自定义的上下文菜单,让您可以构建类似于本机桌面应用程序的用户体验。本地消息通知您可以使用 Tauri 在桌面系统上显示本地通知,让用户获得关于应用程序状态或重要事件的反馈。剪贴板访问。

2024-09-04 22:56:50 1236

原创 Tauri应用开发实践指南(3)— Tauri 配置介绍

平台特定配置 除了默认配置文件外,Tauri还可以从tauri.linux.conf.json、tauri.windows.conf.json和tauri.macos.conf.json(或者如果使用Tauri.toml格式,则为Tauri.linux.toml、Tauri.windows.toml和Tauri.macos.toml)读取平台特定配置,该配置将与主配置对象合并。这里主要是讲解一下 package.json 、Cargo.toml、tauri.conf.json这三个文件的配置。

2024-09-04 22:54:02 955

原创 Tauri应用开发实践指南(2)— Tauri 工程搭建

本文首发于微信公众号:前端徐徐。欢迎关注,获取更多前端技能分享。⚠️__注意:此工程搭建,演示环境为macOS。

2024-09-03 22:10:35 399

原创 Tauri应用开发实践指南(1)— Tauri 怎么样

本文首发于微信公众号:前端徐徐。欢迎关注,获取更多前端技能分享。

2024-09-03 22:08:38 1174

原创 浅谈前端研发链路之 CI/CD

在现代的前端开发工程体系中,CI/CD 在里面扮演着重要的角色,它的出现改变了前端发布的方式,为构建大型应用提供了有利的基础设施,本片文章将分别从CI/CD产生的背景及意义,以及其运作方式和常用的工具来简单探讨一下,希望可以给你带来帮助。在前端开发中使用CI/CD,就像是给自己找了一个得力助手。它帮你自动完成很多繁琐的工作,让你可以专注于创造性的任务。通过自动化的构建、测试和部署,你和你的团队可以更快地交付高质量的产品,同时还能降低出错的风险。

2024-09-02 22:48:33 925

原创 浅谈前端研发链路之构建

我们每天都在说构建构建,你真的了解前端构建吗?在现代前端开发中,构建过程扮演着至关重要的角色。随着 Web 应用变得越来越复杂,直接编写原生 HTML、CSS 和 JavaScript 已经不能满足开发需求,我们需要工程化的体系去构建前端应用。构建过程通过自动化工具链,将开发者的源代码转换为高效、兼容性好的生产代码。接下来,我们就一起来聊一下构建过程中的三大主力:构建器、JavaScript 编译器和 CSS 编译器。看看它们都是什么来头,能耐如何,适合在哪些场合大显身手,以及他们是如何合作的。

2024-09-02 22:47:36 894

原创 浅谈前端研发链路之测试

你是不是经常听到周围的同事在讨论单元测试、E2E测试啥的,但又觉得一头雾水?别担心,这篇文章就是为你准备的!我们将一起探讨前端测试的世界,搞清楚它是什么、为什么要做、以及怎么做。相信读完这篇文章,你会对前端测试有个全新的认识!简单来说,前端测试就是确保我们写的代码能够正常工作的一系列检查手段。想象一下,你刚写完一个超酷的功能,兴高采烈地准备上线,结果发现在用户那边完全跑不起来,那岂不是尴尬到爆?所以,我们需要在开发过程中不断进行测试,及时发现并修复问题。好啦,我们的前端测试之旅就到这里了。

2024-09-02 22:45:23 879

原创 浅谈前端研发链路之开发

在现代前端开发中,工程化手段和工具的应用尤为重要。这些工具和技术不仅提高了开发效率,还保证了代码质量。在本文中,我们将探讨前端研发链路中的开发部分,这里的开发不是教你如何写代码,主要是工程体系上的开发概念,介绍开发服务器(dev-server)、热更新(hot-reload)、数据模拟(mock)和代理(proxy)等关键技术。这些技术大家日常都会用到,但是很多人并不理解其基本原理,这里和大家简单分析分析。

2024-09-02 22:44:10 930

原创 浅谈前端研发链路之代码规范

在前端开发过程中,保持代码的整洁和一致性是至关重要的。这不仅有助于团队协作,提高代码的可读性和可维护性,还能减少错误,提升开发效率。本文将从业界流行规范,CSS命名规范,工具三个方面简析一下前端开发中的代码规范,然后探讨一下未来代码规范的发展趋势。代码规范是一个老生常谈的问题,每个团队都有自己团队的风格,也可能定制出不一样的编码规则,但是基本上业界的标准是通用的,只是在团队的实施过程中会有少许差异。代码规范其目的不是为了束缚某个人,而是抹平整个团队代码风格的差异。

2024-09-02 22:42:13 872

原创 打造《黑神话:悟空》壁纸软件:使用 Tauri 快速上手

最近 《黑神话:悟空》这款游戏太火爆了,里面的场景和画面都非常的美丽,就想到是不是可以把里面的图片设置成桌面壁纸呢,然后我就在网上看了一下图片,发现了 Wegame 的官网有图片,但是需要一张张下载,要么就是需要下载 Wegame 然后设置桌面壁纸,我就想想我办公电脑肯定不能下载 Wegame,然后也不想一张张下载图片,于是就直接想着写个桌面应用程序来设置壁纸得了。话不多说,让我们来看看如何用 Tauri 快速完成一个桌面端的壁纸软件吧!

2024-08-23 10:45:43 597

原创 浅谈前端研发链路之脚手架

大家好,我是徐徐。今天我们来聊聊前端研发链路中的脚手架。

2024-08-05 20:58:26 671

原创 谈谈我做 Electron 应用的这一两年

大家好,我是徐徐。今天和大家谈谈我做 Electron 桌面端应用的这一两年,把一些经验和想法分享给大家。

2024-08-05 19:53:56 962

原创 Google 浏览器中的 AI 魔法 — window.ai

在浏览器中本地使用人工智能确实是一种令人兴奋的新应用场景。这种能力的开放为开发者带来了无限可能,特别是在处理前端业务逻辑方面。尽管目前在浏览器中使用人工智能还面临一些流畅性和性能方面的挑战,但这无疑是未来发展的一个重要方向。随着技术的进步和浏览器厂商的持续努力,我们有理由期待将来更多浏览器将提供AI底层能力给应用层调用。这种趋势不仅为开发者创造了更多创新的空间,也为用户带来了更加智能和个性化的在线体验。

2024-07-25 14:10:41 936

原创 浅谈前端研发链路之包管理器

在现代前端开发中,包管理工具是不可或缺的一部分。随着前端研发链路的不断演进,项目变得愈发复杂,对高效管理依赖项的需求也日益增加。包管理工具的出现,极大地简化了对外部库、框架和依赖项的管理和安装过程,使开发者能够专注于核心业务逻辑的实现。本文将探讨当前前端开发中最常用的三种包管理工具:Npm、Yarn 和 Pnpm。通过分析它们的背景、优缺点和使用场景,帮助开发者在前端研发链路中选择最适合自己项目的包管理工具,以提升开发效率和项目的稳定性。

2024-07-22 09:45:20 601

原创 从Windows集体蓝屏学前端:怎么发版才不翻车?

全球一大堆 Windows 电脑集体蓝屏了!这事儿闹得挺大, 直接冲上了热搜。咱们前端开发虽然不直接管操作系统, 但这事儿还真给了我们不少启发。今天就来聊聊, 咱们前端怎么发版才能不翻车。安全发版是一个系统性工程,需要从渐进式发布、A/B 测试、回滚机制、监控和报警以及自动化测试等多个方面入手。通过合理的 CI/CD 流程和团队协作,确保每次发版都能顺利进行,避免翻车事故的发生。各位看官,你们有什么独特的防翻车秘诀吗?欢迎在评论区分享哦!本文首发同名微信公众号:前端徐徐。

2024-07-20 22:18:49 831

原创 FindAll - 一款自动化分析网络安全应急响应工具

FindAll是专为网络安全蓝队设计的应急响应工具,旨在帮助团队成员有效地应对和分析网络安全威胁。工具集成了先进的信息搜集和自动化分析功能,以提高安全事件应对的效率和准确性。

2024-01-19 16:32:49 899

原创 如何实现一个类似create-vite的脚手架并发布npm

最近在做一个electron生态相关的项目,由于要做一些项目初始化的功能,所以就写了一个脚手架来做这件事情,然后详细了解和实践了一番脚手架相关的功能,最后成功做出来我想要的脚手架,在这里把相关的经验分享出来。我们先来看下vite的官网。我们要实现的目标也是这样,直接快速搭建一个electron的项目。

2023-10-25 19:17:21 327 4

原创 前端开箱即用,Electron+React+Antd桌面客户端

最近在做一些Electron工程化相关工作,为了让开发更加简单高效,自己组装了一套开箱即用的桌面端工程,沉淀自己的技术。

2023-10-25 19:15:41 476

原创 从零构建一个Vue UI组件库

前言之所以写这一篇文章,是为了记录自己构建一个组件库的历程,同时也给那些自己想写组件库的同学一个教程。组件库也写了一段时间了,基本的架子也搭建得差不多了,但是回想自己搭建的过程还是不够完善,所以回来整理一遍自己的思路,让自己的技术有个输出。先看下效果ninecat-ui.github.io组件库源码ninecat-ui(如果觉得还不错,可以给个start哦)下面是我在编写这个UI组件库...

2020-03-29 13:59:06 1022 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除