前端徐徐_社区达人页

个人头像照片
前端徐徐
已加入开发者社区1572

勋章 更多

个人头像照片
专家博主
专家博主
个人头像照片
星级博主
星级博主
个人头像照片
技术博主
技术博主
个人头像照片
江湖新秀
江湖新秀

成就

已发布61篇文章
6条评论
已回答0个问题
0条评论
已发布0个视频
github地址

我关注的人 更多

技术能力

兴趣领域
擅长领域
技术认证

暂时未有相关云产品技术能力~

暂无个人介绍

暂无精选文章
暂无更多信息

2024年10月

  • 10.28 10:08:24
    发表了文章 2024-10-28 10:08:24

    React DnD:实现拖拽功能的终极方案?

    本文首发于微信公众号“前端徐徐”,介绍了一个强大的 React 拖拽库——React DnD。React DnD 帮助开发者轻松创建复杂的拖拽界面,适用于 Trello 风格的应用、列表重排序、可拖拽的 UI 组件等场景。文章详细介绍了 React DnD 的基本信息、主要特点、使用场景及快速上手指南。
  • 10.23 14:05:46
    发表了文章 2024-10-23 14:05:46

    Electron 重大更新,33.0.0版本发布,带来多项新特性与改进!

    本文介绍了 Electron 33.0.0 版本的重要更新,包括核心组件的升级(Chromium、Node.js 和 V8),新增功能(如 app.setClientCertRequestPasswordHandler 和 View.setBorderRadius),重要改进和主要问题修复。建议开发者尽快升级,以享受更强大的性能和功能。
  • 10.23 14:04:59
    发表了文章 2024-10-23 14:04:59

    Electron on macOS: 揭秘 MacUpdater 如何实现无缝自动更新?

    本文首发于微信公众号“前端徐徐”,详细探讨了 Electron 应用在 macOS 平台上的更新原理。文章分析了 `MacUpdater` 类的实现,包括与 Electron 原生更新器的集成、更新检测和下载、代理服务器管理、环境适配、安全性保障、错误处理和日志记录、更新安装流程控制以及缓存管理等关键功能。通过这些技术细节,展示了如何在 macOS 上实现高效、安全的 Electron 应用更新。
  • 10.23 14:04:06
    发表了文章 2024-10-23 14:04:06

    你真的了解 Electron 的自动更新吗?揭秘AppUpdater 类的内部工作原理

    本文由前端徐徐首发,深入探讨了 Electron 的自动更新工作原理,特别是 `electron-builder` 中 `AppUpdater` 类的源码分析,涵盖配置更新源、检查更新、下载更新、安装更新及事件通知等核心功能,帮助开发者更好地理解和使用 Electron 的自动更新机制。
  • 10.23 14:03:27
    发表了文章 2024-10-23 14:03:27

    揭秘 Electron 的 Linux 打包过程:你知道背后发生了什么吗?

    本文详细介绍了 `electron-builder` 在 Linux 平台上如何打包 Electron 应用程序,涵盖了 AppImage、Flatpak、Snap 等多种格式的打包原理和具体实现。文章从初始化 `LinuxPackager` 到创建各种目标格式的包,详细解析了每个步骤的代码逻辑和关键方法,帮助开发者更好地理解和使用 `electron-builder` 进行 Linux 应用的打包。
  • 10.23 14:02:31
    发表了文章 2024-10-23 14:02:31

    Electron-builder 是如何打包 Windows 应用的?

    本文首发于微信公众号“前端徐徐”,作者徐徐深入解析了 electron-builder 在 Windows 平台上的打包流程。文章详细介绍了 `winPackager.ts`、`AppxTarget.ts`、`MsiTarget.ts` 和 `NsisTarget.ts` 等核心文件,涵盖了目标创建、图标处理、代码签名、资源编辑、应用签名、性能优化等内容,并分别讲解了 AppX/MSIX、MSI 和 NSIS 安装程序的生成过程。通过这些内容,读者可以更好地理解和使用 electron-builder 进行 Windows 应用的打包和发布。
  • 10.23 14:00:38
    发表了文章 2024-10-23 14:00:38

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

    本文介绍了如何在 Chrome Canary 中启用并使用设备端 AI 功能。通过下载 Chrome Canary 并启用相关 API,你可以在本地运行 AI 模型,无需互联网连接。文章详细讲解了设置步骤、确认 AI 可用性的方法以及如何使用 `window.ai` 进行文本会话。虽然目前的性能和功能还有待提升,但这一技术为未来的前端开发和智能应用提供了无限可能。
  • 10.23 13:59:43
    发表了文章 2024-10-23 13:59:43

    前端 8 种图片加载优化方案梳理

    本文首发于微信公众号“前端徐徐”,详细探讨了现代网页设计中图片加载速度优化的重要性及方法。内容涵盖图片格式选择(如JPEG、PNG、WebP等)、图片压缩技术、响应式图片、延迟加载、CDN使用、缓存控制、图像裁剪与缩放、Base64编码等前端图片优化策略,旨在帮助开发者提升网页性能和用户体验。
  • 10.23 13:58:42
    发表了文章 2024-10-23 13:58:42

    推荐 10 个前端开发会用到的工具网站

    本文介绍了多个前端开发工具,包括 Web Design Museum、Landing Page、Google Fonts、Lorem Ipsum、Animista、Blobmaker、Spline、CodeToGo、UnusedCSS 和 Responsively,帮助开发者提高效率和项目质量。这些工具涵盖了设计、动画、代码片段管理、响应式测试等多个方面。
  • 10.23 13:57:55
    发表了文章 2024-10-23 13:57:55

    教你一步步用 ChatUI + Julep 构建 AI 应用

    本文介绍了如何使用 Julep 平台和 ChatUI 构建一个 AI 驱动的电影伴侣应用程序。通过创建用户、代理和会话,实现与用户的交互,并通过 API 获取响应消息。文章详细展示了从前端项目创建到后端集成的完整步骤,包括安装依赖、配置 API 密钥、处理用户输入和响应等。最终,通过运行项目,展示了应用程序的实际效果。源码已发布在 GitHub 上,供读者参考和学习。
  • 10.23 13:56:36
    发表了文章 2024-10-23 13:56:36

    10 大 APP 开发方案比较

    本文首发于微信公众号“前端徐徐”,深入剖析了当前最受欢迎的十种APP开发方案,包括传统的iOS和Android开发、跨平台的React Native和Flutter、现代化的CapacitorJS和PWA等,旨在帮助开发者在众多选择中找到最适合的开发路径。通过详细分析每种方案的优缺点及适用场景,文章提供了详尽的比较和实用建议,助力高效、优质的APP开发。
  • 10.22 09:49:38
    发表了文章 2024-10-22 09:49:38

    2024你不得不知道的免费API

    本文首发于微信公众号“前端徐徐”,介绍了 2024 年各领域的免费 API 列表,涵盖游戏、语言、音乐、安全、科学、体育、Web 应用、产品、健康、政府和地理、食品、开源项目、电影和漫画等多个类别。每个 API 均提供官网链接、简介及示例代码,帮助开发者轻松集成第三方服务,增强应用程序的功能和用户体验。
  • 10.22 09:48:18
    发表了文章 2024-10-22 09:48:18

    说说JSBridge的原理?

    本文首发于微信公众号“前端徐徐”,作者徐徐。文章介绍了 JSBridge 的背景、核心原理及其在 Android 和 iOS 平台上的实现方式,探讨了其应用场景、安全性和性能考量,并提供了优化建议。JSBridge 作为混合开发的关键技术,允许网页应用调用原生功能,结合了两者的优点。
  • 10.22 09:46:43
    发表了文章 2024-10-22 09:46:43

    HTTP和HTTPS的区别有哪些?

    本文简要总结了 HTTP 和 HTTPS 的区别,从概念、端口、连接方式、使用场景、安全性等多个角度进行了对比。HTTP 是无状态的、无连接的应用层协议,适用于一般性网站和性能要求较高的应用;HTTPS 则通过 SSL/TLS 层提供加密、认证和完整性保护,适用于涉及敏感信息和高安全性的场景。文章还讨论了两者在性能上的差异,包括握手和加密开销、缓存效果以及 HTTP/2 的多路复用技术。最终,根据具体需求选择合适的协议能够更好地平衡安全性和性能。
  • 10.22 09:45:17
    发表了文章 2024-10-22 09:45:17

    跨域解决方案有哪些?

    本文介绍了多种跨域解决方案,包括JSONP、CORS、postMessage、WebSocket、document.domain+iframe、window.name、location.hash、Node.js代理、Nginx代理和CORS Anywhere。每种方法都有其适用场景和优缺点,如JSONP简单但只支持GET请求,CORS安全但兼容性稍差,WebSocket适用于实时通信但需服务器支持。开发者可根据具体需求选择合适的跨域方案。
  • 10.22 09:43:38
    发表了文章 2024-10-22 09:43:38

    TCP和UDP区别?

    本文首发于微信公众号“前端徐徐”,详细介绍了TCP和UDP两种传输层协议的核心概念、连接性和握手过程、数据传输和可靠性、延迟和效率、应用场景及头部开销。TCP面向连接、可靠、有序,适用于网页浏览、文件传输等;UDP无连接、低延迟、高效,适用于实时音视频传输、在线游戏等。
  • 10.22 09:42:50
    发表了文章 2024-10-22 09:42:50

    浏览器输入 URL 回车后会经历哪些步骤?

    本文首发于微信公众号“前端徐徐”,详细解析了从在浏览器中输入URL到页面完全呈现的全过程,涵盖检查缓存、URL解析、DNS解析、TCP连接、HTTP请求、服务器响应、浏览器处理响应、页面解析与渲染、关闭TCP连接等关键步骤。通过这些步骤,帮助读者深入了解互联网的工作原理,提升网站性能和用户体验。
  • 10.22 09:41:46
    发表了文章 2024-10-22 09:41:46

    对比一下Vue2 和 Vue3?—— 8个方面给你答案

    本文介绍了 Vue 和 React 的起源、核心思想、表现形式、API 差异、社区差异、升级方向、响应式原理、Diff 算法、事件机制,并进行了总结。Vue 以其渐进式框架设计和简洁性著称,而 React 则强调单向数据流和灵活性。两者均支持组件化开发和虚拟 DOM,适用于不同的开发场景。
  • 10.22 09:40:06
    发表了文章 2024-10-22 09:40:06

    真实DOM和虚拟DOM有哪些区别?

    本文介绍了真实DOM和虚拟DOM的概念、使用方式、优势、劣势、使用场景、影响因素、开发效率和性能对比。真实DOM是浏览器提供的原生接口,直接操作简单直观,但频繁操作会导致性能损耗。虚拟DOM是真实DOM的抽象表示,通过比较差异减少DOM操作,适用于大规模数据变更和复杂交互的页面。开发者应根据具体需求选择合适的DOM操作方式,以提高页面性能和开发效率。
  • 10.22 09:39:11
    发表了文章 2024-10-22 09:39:11

    React中组件通信方式有哪些

    本文首发于微信公众号“前端徐徐”,探讨了 React 组件通信的多种方式,包括 Props、回调函数、Ref、Context、Redux、消息发布-订阅和全局事件。每种方式都有其独特的优势和适用场景,如 Props 适用于简单的父子组件通信,Redux 适合复杂的状态管理。文章通过示例详细介绍了这些通信方式的实现和注意事项,帮助开发者选择最适合项目需求的通信方式。
  • 10.22 09:37:01
    发表了文章 2024-10-22 09:37:01

    React useState 和 useRef 的区别

    本文介绍了 React 中 `useState` 和 `useRef` 这两个重要 Hook 的区别和使用场景。`useState` 用于管理状态并在状态变化时重新渲染组件,适用于表单输入、显示/隐藏组件、动态样式等场景。`useRef` 则用于在渲染之间保持可变值而不触发重新渲染,适用于访问 DOM 元素、存储定时器 ID 等场景。文章还提供了具体的代码示例,帮助读者更好地理解和应用这两个 Hook。
  • 10.18 10:08:04
    发表了文章 2024-10-18 10:08:04

    React中样式解决方案有哪些?

    本文首发于微信公众号“前端徐徐”,探讨了React开发中的样式管理方法,包括内联样式、常规CSS、CSS-Module、CSS-in-JS及使用CSS框架等五种常见方案,分析了各自的优缺点,帮助开发者根据项目需求选择合适的样式解决方案。
  • 10.18 10:03:58
    发表了文章 2024-10-18 10:03:58

    10 种方案提升你 React 应用的性能

    本文首发于微信公众号「前端徐徐」,作者徐徐分享了提升 React 应用性能的方法。文章详细介绍了 `useMemo`、虚拟化长列表、`React.PureComponent`、缓存函数、使用 Reselect、Web Worker、懒加载、`React.memo`、`useCallback` 和 `shouldComponentUpdate` 等技术,通过实际案例和代码示例展示了如何优化 React 应用的性能。这些方法不仅减少了不必要的重新渲染和计算,还提升了应用的响应速度和用户体验。
  • 10.18 10:02:35
    发表了文章 2024-10-18 10:02:35

    自定义React Hooks综合指南

    本文介绍了React Hooks及其在组件开发中的作用,重点讲解了自定义Hook的创建和使用方法。通过实例展示了如何创建`useWindowWidth`、`useFetch`和`useForm`等自定义Hook,并分享了使用自定义Hook的最佳实践。文章强调了自定义Hook在提高代码复用性和组件可维护性方面的重要性。
  • 10.18 10:00:05
    发表了文章 2024-10-18 10:00:05

    React将组件作为属性传递的最佳实践

    本文探讨了在React中将组件作为属性传递的三种常见方式:作为元素传递、作为组件传递、作为函数传递。通过构建带图标的按钮组件,对比分析了每种方式的优缺点,最终推荐将组件作为函数传递,因为它提供了更好的可控性、灵活性和可扩展性。
  • 10.18 09:59:07
    发表了文章 2024-10-18 09:59:07

    React开发需要了解的10个库

    本文首发于微信公众号“前端徐徐”,介绍了React及其常用库。React是由Meta开发的JavaScript库,用于构建动态用户界面,广泛应用于Facebook、Instagram等知名网站。文章详细讲解了Axios、Formik、React Helmet、React-Redux、React Router DOM、Dotenv、ESLint、Storybook、Framer Motion和React Bootstrap等库的使用方法和应用场景,帮助开发者提升开发效率和代码质量。
  • 10.18 09:54:22
    发表了文章 2024-10-18 09:54:22

    对比一下Vue2和Vue3?

    本文首发于微信公众号“前端徐徐”,详细对比了 Vue 2 和 Vue 3 在原理、生命周期、性能、编码方式、API、Diff 算法、打包构建、TS 支持等八个方面的差异,帮助读者全面了解两者的不同之处。
  • 10.18 09:48:37
    发表了文章 2024-10-18 09:48:37

    Vue中组件通信方式有哪些?

    本文介绍了 Vue 中几种常见的组件间通信方式,包括 Props / $emit、provide / inject、ref / refs、eventBus、Vuex、$parent / $children、$attrs / $listeners 以及通过 vue-router 传参。每种方式都有其适用场景和注意事项,帮助开发者根据具体需求选择合适的通信方式。
  • 10.18 09:47:23
    发表了文章 2024-10-18 09:47:23

    ES6对函数做了哪些扩展?

    本文首发于微信公众号“前端徐徐”,介绍了 ES6 中函数参数的默认值、rest 参数、严格模式、name 属性、箭头函数、尾调用优化等新特性,并详细解释了各个特性的使用方法和注意事项。同时,还介绍了 ES2017 和 ES2019 中关于函数的一些改进,如函数参数尾逗号、`Function.prototype.toString()` 方法的修改以及 `catch` 语句参数的省略。
  • 10.18 09:45:56
    发表了文章 2024-10-18 09:45:56

    浅拷贝和深拷贝的区别?

    本文首发于微信公众号“前端徐徐”,介绍了JavaScript中浅拷贝和深拷贝的概念及其实现方法。文章首先解释了数据类型的基础,包括原始值和对象的区别,然后详细介绍了浅拷贝和深拷贝的定义、底层逻辑以及常见的实现方式,如 `Object.assign`、扩展运算符、`JSON.stringify` 和手动实现等。最后,通过对比浅拷贝和深拷贝的区别,帮助读者更好地理解和应用这两种拷贝方式。
  • 10.18 09:43:38
    发表了文章 2024-10-18 09:43:38

    前端编程的异步解决方案有哪些?

    本文首发于微信公众号“前端徐徐”,介绍了异步编程的背景和几种常见方案,包括回调、事件监听、发布订阅、Promise、Generator、async/await和响应式编程。每种方案都有详细的例子和优缺点分析,帮助开发者根据具体需求选择最合适的异步编程方式。
  • 10.17 10:06:36
    发表了文章 2024-10-17 10:06:36

    Js模块化有哪些方式?

    本文首发于微信公众号“前端徐徐”,介绍了JavaScript模块化的发展历程,从无模块化到CommonJS、AMD、CMD,再到ES6模块化。文章详细解释了每种规范的特点、基本语法及注意事项,并对比了ES6模块与CommonJS模块的主要差异。
  • 10.17 10:05:44
    发表了文章 2024-10-17 10:05:44

    比较一下apply/call/bind ?

    本文首发于微信公众号“前端徐徐”,详细介绍了 JavaScript 中 `apply`、`call` 和 `bind` 方法的概念、使用场景及手动实现。主要内容包括: - **apply**:使用数组作为参数调用函数,并指定 `this`。 - **call**:直接传递参数调用函数,并指定 `this`。 - **bind**:返回一个绑定了 `this` 和部分参数的新函数。 文章还对比了这三个方法的区别,并提供了手动实现的代码示例。
  • 10.17 10:02:32
    发表了文章 2024-10-17 10:02:32

    Web应用中的存储方式有哪些?

    本文首发于微信公众号“前端徐徐”,介绍了几种常见的前端数据存储技术:Cookie、Web Storage(包括 localStorage 和 sessionStorage)、IndexedDB、Cache Storage 和 Memory Storage。每种技术的特点和使用场景不同,适用于不同的开发需求。文章详细解释了它们的使用方法、特点和应用场景,并提供了代码示例。
  • 10.17 10:01:39
    发表了文章 2024-10-17 10:01:39

    JS垃圾回收机制有哪些?

    本文介绍了JavaScript中的垃圾回收(GC)机制,包括其概念、产生原因及重要性。文章详细讲解了几种常见的垃圾回收算法,如引用计数、标记清除、标记整理和分代回收,并分析了它们的优缺点。最后总结了垃圾回收对JS开发的重要作用,强调了其在自动内存管理和性能优化中的关键地位。
  • 10.17 10:00:39
    发表了文章 2024-10-17 10:00:39

    判断数组为空的方法有哪些?

    本文介绍了多种判断数组是否为空的方法,包括使用 `length` 属性、隐式类型转换、`toString()`、`join()`、`every()`、`reduce()`、`filter()`、`some()` 方法以及循环。每种方法都有其适用场景,其中使用 `length` 属性和隐式类型转换最为常见和简单。文章首发于微信公众号“前端徐徐”。
  • 10.17 09:58:52
    发表了文章 2024-10-17 09:58:52

    前端研发链路之 CI/CD

    本文首发于微信公众号“前端徐徐”,作者徐徐介绍了前端研发链路中的CI/CD。文章从CI/CD的背景、意义、运作方式及常用工具等方面进行了详细探讨,帮助读者理解如何在前端开发中有效应用CI/CD,提升开发效率和产品质量。
  • 10.17 09:57:56
    发表了文章 2024-10-17 09:57:56

    前端研发链路之构建

    本文首发于微信公众号“前端徐徐”,作者徐徐探讨了前端研发链路中的构建过程。文章介绍了构建器、JavaScript编译器和CSS编译器的作用及常见工具,详细解析了它们如何协同工作,提高开发效率和项目可维护性。适合前端开发者阅读,帮助理解现代前端构建体系。
  • 10.17 09:56:50
    发表了文章 2024-10-17 09:56:50

    前端研发链路之测试

    本文由前端徐徐撰写,介绍了前端测试的重要性及其主要类型,包括单元测试、E2E测试、覆盖率测试、安全扫描和自动化测试。文章详细讲解了每种测试的工具和应用场景,并提供了选择合适测试策略的建议,帮助开发者提高代码质量和用户体验。
  • 10.17 09:55:49
    发表了文章 2024-10-17 09:55:49

    前端研发链路之开发

    本文首发于微信公众号“前端徐徐”,作者徐徐。文章介绍了前端研发链路中的开发部分,重点探讨了开发服务器(dev-server)、热更新(hot-reload)、数据模拟(mock)和代理(proxy)等关键技术,帮助开发者理解其基本原理和应用场景,提升开发效率和代码质量。
  • 10.17 09:54:49
    发表了文章 2024-10-17 09:54:49

    前端研发链路之代码规范

    大家好,我是徐徐。本文将探讨前端研发链路中的代码规范,包括业界流行规范、CSS命名规范和相关工具。通过保持代码整洁和一致性,不仅能提高团队协作效率,还能减少错误,提升开发质量。文中详细对比了几种常见的代码规范和工具,如 Airbnb Style Guide、BEM、Eslint 和 Prettier,并展望了未来代码规范的发展趋势。希望对大家有所帮助。
  • 10.16 10:00:29
    发表了文章 2024-10-16 10:00:29

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

    本文介绍了如何实现一个类似 Vite 的脚手架工具。通过详细解析和实践,文章分享了从零开始构建脚手架的过程,包括技术选型、开发步骤及发布 NPM 包的完整流程。最终目标是让用户能够通过 `yarn create electron-prokit myapp` 快速搭建 Electron 项目。项目源码可在 GitHub 上获取。
  • 10.16 09:59:28
    发表了文章 2024-10-16 09:59:28

    前端研发链路之脚手架

    本文首发于微信公众号“前端徐徐”。文章介绍了前端开发中脚手架工具的重要性及其工作原理。脚手架工具能够大幅提升开发效率,确保代码质量和项目一致性。文章详细探讨了脚手架的历史、工作原理、常见工具及其优势与潜在问题,并展望了其未来发展方向,帮助开发者更好地理解和应用脚手架工具。
  • 10.16 09:58:26
    发表了文章 2024-10-16 09:58:26

    前端研发链路之包管理器

    本文首发于微信公众号“前端徐徐”。作者徐徐将探讨前端研发链路中的包管理器,分析 Npm、Yarn 和 Pnpm 的特点与应用场景,帮助开发者选择最适合项目的包管理工具,提升开发效率和项目稳定性。文章涵盖包管理器的基本概念、解决的问题、组成部分及各工具的优缺点对比。
  • 10.16 09:55:55
    发表了文章 2024-10-16 09:55:55

    Tauri 开发实践 — 使用 CI/CD 自动构建发布 Tauri 桌面端应用

    本文介绍如何使用 CI/CD 自动构建发布 Tauri 应用。Tauri 是一个轻量级跨平台客户端框架,适合个人应用。文章首先概述了 CI/CD 的基本流程,并介绍了 GitHub Actions、GitLab CI 和 Jenkins 三种工具。最终选择了 GitHub Actions 进行配置。文中详细展示了使用 GitHub Actions 脚本实现 Tauri 应用构建的过程,并解决了权限和安全问题。项目源码可在 GitHub 上获取。
  • 10.16 09:54:27
    发表了文章 2024-10-16 09:54:27

    Tauri 开发实践 — Tauri HTTP 请求开发

    本文介绍了如何在 Tauri 中发起 HTTP 请求。首先通过安装 Tauri 生态中的工具包并配置 `tauri.conf.json` 文件来允许特定域名的 HTTP 通信。接着封装了一个简单的 HTTP 客户端类,并在页面中使用该客户端实现 GET 和 POST 请求。最后提供了完整的源码地址以供参考。此功能使得桌面应用能够与远程服务器进行交互,增强了应用的实用性。
  • 10.16 09:53:11
    发表了文章 2024-10-16 09:53:11

    Tauri 开发实践 — Tauri 日志记录功能开发

    本文介绍了如何为 Tauri 应用配置日志记录。Tauri 是一个利用 Web 技术构建桌面应用的框架。文章详细说明了如何在 Rust 和 JavaScript 代码中设置和集成日志记录,并控制日志输出。通过添加 `log` crate 和 Tauri 日志插件,可以轻松实现多平台日志记录,包括控制台输出、Webview 控制台和日志文件。文章还展示了如何调整日志级别以优化输出内容。配置完成后,日志记录功能将显著提升开发体验和程序稳定性。
  • 10.16 09:51:40
    发表了文章 2024-10-16 09:51:40

    Tauri 开发实践 — Tauri 自定义多语言菜单开发

    本文介绍了如何在 Tauri 应用中实现自定义菜单并支持多语言。首先,通过 `Translator` 类加载和解析多语言 JSON 文件,实现简单的翻译功能。接着,创建包含文件、编辑和窗口子菜单的基本菜单结构,并根据当前语言进行翻译。最后,在主函数中读取语言设置,创建菜单并处理菜单事件,确保应用的国际化和用户体验。源码可在 GitHub 上查看。
  • 10.16 09:50:32
    发表了文章 2024-10-16 09:50:32

    Tauri 开发实践 — Tauri 主题&多语言设置开发

    本文首发于微信公众号「前端徐徐」,介绍了在 Tauri 应用中实现窗口主题设置与多语言支持的方法。主题设置包括静态和动态两种方式,前者在应用初始化时设定,后者允许运行时更改。文章详细描述了通过 tauri-plugin-theme 插件实现动态主题变更的过程,并提供了代码示例。对于多语言支持,文章介绍了使用 i18next 进行多语言文件初始化及切换的方法。最后,提供了完整的源码链接,帮助读者更好地理解和实践。
  • 10.16 09:49:25
    发表了文章 2024-10-16 09:49:25

    Tauri 开发实践 — Tauri 集成本地数据库

    本文介绍了在 Tauri 框架中集成本地数据库的几种方案,包括直接绑定 SQLite、使用第三方数据库库和使用 tauri-plugin-sql-api 插件。最终选择了 tauri-plugin-sql-api,因为它集成简单、支持多种数据库类型,并且与 Tauri 框架深度整合,提升了开发效率和安全性。文章详细介绍了如何安装和使用该插件,以及如何编写核心代码实现数据库操作。
  • 发表了文章 2024-10-28

    React DnD:实现拖拽功能的终极方案?

  • 发表了文章 2024-10-23

    你真的了解 Electron 的自动更新吗?揭秘AppUpdater 类的内部工作原理

  • 发表了文章 2024-10-23

    Electron on macOS: 揭秘 MacUpdater 如何实现无缝自动更新?

  • 发表了文章 2024-10-23

    Electron 重大更新,33.0.0版本发布,带来多项新特性与改进!

  • 发表了文章 2024-10-23

    揭秘 Electron 的 Linux 打包过程:你知道背后发生了什么吗?

  • 发表了文章 2024-10-23

    Electron-builder 是如何打包 Windows 应用的?

  • 发表了文章 2024-10-23

    推荐 10 个前端开发会用到的工具网站

  • 发表了文章 2024-10-23

    教你一步步用 ChatUI + Julep 构建 AI 应用

  • 发表了文章 2024-10-23

    前端 8 种图片加载优化方案梳理

  • 发表了文章 2024-10-23

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

  • 发表了文章 2024-10-23

    10 大 APP 开发方案比较

  • 发表了文章 2024-10-22

    说说JSBridge的原理?

  • 发表了文章 2024-10-22

    2024你不得不知道的免费API

  • 发表了文章 2024-10-22

    TCP和UDP区别?

  • 发表了文章 2024-10-22

    浏览器输入 URL 回车后会经历哪些步骤?

  • 发表了文章 2024-10-22

    跨域解决方案有哪些?

  • 发表了文章 2024-10-22

    对比一下Vue2 和 Vue3?—— 8个方面给你答案

  • 发表了文章 2024-10-22

    HTTP和HTTPS的区别有哪些?

  • 发表了文章 2024-10-22

    React中组件通信方式有哪些

  • 发表了文章 2024-10-22

    真实DOM和虚拟DOM有哪些区别?

正在加载, 请稍后...
滑动查看更多
正在加载, 请稍后...
暂无更多信息
正在加载, 请稍后...
暂无更多信息