自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

与墨的编程成长历程

广泛交友 | 商务合作

  • 博客(110)
  • 资源 (1)
  • 收藏
  • 关注

原创 微前端——一个属于前端的时代

随着Web3.0时代的发展,前端的地位也随之提高,很多关于前端的问题也随之可见,如何兼容老系统、如何选用不同的技术栈开发等等问题浮上水面,为了解决这类问题,微前端的诞生为我们带来了福音,微前端很好的解决了前端不同技术栈之间的应用。微前端是一种类似于微服务的架构,使我们的Web单体应用变为了多个独立的个体,各个个体之间独立运行、独立开发、独立部署,互不影响。未来,微前端的发展一定是特别迅速的。作为一个前端开发者,微前端的学习是比不可少的。

2023-02-02 09:17:57 13068 22

原创 从 Web 到 Desktop (一) : 项目开篇

在这篇文章中,我们将踏上一段奇妙的旅程,探索一个充满挑战与机遇的世界。无论是对新技术的好奇心驱使,还是出于对未知领域的渴望,我们都将一同揭开这一主题神秘的面纱。

2024-08-05 18:45:35 1048 1

原创 掌握Rust:函数、闭包与迭代器的综合运用

在 Rust 中,函数是构成程序逻辑的基本单元,其定义简洁明了,支持参数、返回值类型声明,以及强大的模式匹配机制。模式匹配不仅限于match表达式,还广泛应用于函数参数,使得逻辑分支更加直观易懂。println!// 输出: Hello, Alice!println!// 输出: Hello, Bob!通过深入理解 Rust 中的函数、闭包与迭代器,我们不仅能够构建出逻辑清晰、易于维护的代码,还能在实践中提升数据处理的效率和程序的性能。

2024-07-21 13:28:50 1440 5

原创 数据类型与结构设计:Rust 语言的深度探索

数据类型与结构设计在 Rust 中不仅是技术的堆砌,更是创造与表达的艺术。通过对 Rust 的数据类型概览、结构体与枚举的灵活运用,以及方法与关联函数的深入理解,我们得以窥见这门语言如何在保证底层控制的同时,提供高度抽象的表达能力。Rust 的这些特性不仅满足了对性能和安全的极致追求,更为开发者开辟了创新的天地,让我们在构建复杂系统时,既能享受高效编码的乐趣,又能确保代码的健壮与优雅。在数据的海洋中航行,在结构的迷宫中探索,Rust 以其独特的魅力,引领我们走向编程的更高境界。

2024-07-16 18:06:20 1363 9

原创 所有权与生命周期:Rust 内存管理的哲学

Rust 内存管理的哲学,超越了技术细节本身,它是一种编程思维方式的变革,要求开发者在编码之初便对资源的生命周期有清晰的认识,这不仅提高了代码的安全性和性能,也让开发者在设计阶段就考虑到资源的有效管理。随着 Rust 生态的日益成熟,越来越多的项目受益于其内存管理模型,不仅在系统编程领域大放异彩,也在 WebAssembly 、云计算、物联网等新兴领域展现出巨大潜力。掌握 Rust 的内存管理,就如同掌握了通往软件工程新境界的密钥,引领我们走向一个更加高效、安全的编程未来。

2024-07-16 14:56:20 1704 7

原创 PNPM 高效入门:安装配置一本通

PNPM(Package Manager),发音为“ pineapple ”,是一个快速、节省磁盘空间的包管理器,它通过引入“内容可寻址的文件系统”概念,确保每次安装都复用相同的依赖,从而大大减少了节点模块的存储占用。PNPM 同时兼容 npm 的和格式,无缝衔接现有项目。PNPM 以其独特的优势,正在逐步改变我们管理 Node.js 项目依赖的方式。通过本篇文章的学习,相信你已经掌握了 PNPM 的安装、配置以及基本操作,准备好迎接一个更为高效、整洁的开发环境。

2024-07-15 17:03:01 1807

原创 Yarn速成:安装配置攻略

Yarn 诞生于 2016 年,它解决了 npm(Node.js 默认的包管理器)的一些痛点,如安装速度慢、依赖不一致等问题。通过并行下载、缓存机制及锁定文件等功能,Yarn 确保了项目的可复现性和高效性。至此,你已经掌握了 Yarn 从安装到配置,再到日常使用的全过程。Yarn 凭借其高效、可靠的特性,已成为现代前端开发不可或缺的工具之一。随着实践的深入,你将更加体会到 Yarn 在优化开发流程、提升团队协作效率方面带来的巨大价值。

2024-07-15 15:39:19 879 9

原创 面向 Rust 新手的 Cargo 教程:轻松上手

Cargo 是 Rust 编程语言的官方包管理和构建工具,自 Rust 诞生起便内置于其生态系统中,扮演着核心支持角色。Cargo 不仅仅是编译代码的工具,它革新了开发者管理项目的方式,通过自动化依赖处理、标准化项目结构和简化构建流程,极大地提高了开发效率和团队协作的便利性。Cargo 作为一个全面的解决方案,负责项目的创建编译测试运行及打包发布等全生命周期管理。它通过读取项目根目录下的Cargo.toml配置文件来获取项目元数据和依赖关系,自动下载和更新所需的外部包,确保了项目依赖的一致性和最新性。

2024-07-09 11:40:42 1483 3

原创 Rust 启航:为何选择 Rust 及其核心价值

Rust 不仅仅是一种语言,更是一场对系统编程范式的革新。它以安全性为核心,融合了现代编程语言的高效、简洁和强大的并发能力,为开发者提供了一个既强大又安全的编程平台。随着云计算、物联网、区块链等领域的快速发展, Rust 的价值日益凸显,吸引了越来越多企业和个人的加入。选择 Rust ,意味着选择了对软件质量的不懈追求,以及对未来技术趋势的前瞻布局。无论你是系统程序员、 Web 开发者,还是对底层技术充满好奇的探索者, Rust 都将是一个值得深入学习和应用的优秀选择。

2024-07-09 10:03:32 1003

原创 Rust破界:前端革新与Vite重构的深度透视(下)

随着 Rust 在 Vite 重构项目中的深度应用,我们见证了技术领域的一次深刻变革,这次尝试不仅为 Vite 本身带来了性能与安全的双重飞跃,更深远的意义在于它为整个前端生态的发展指明了新的方向。

2024-07-03 16:08:04 1490 2

原创 Rust破界:前端革新与Vite重构的深度透视(中)

综上所述,Rust 在前端工具链的广泛应用,不仅仅是技术上的革新,更是对行业发展方向的一次深刻影响。它促使开发者思考如何在保持技术栈先进性的同时,兼顾性能、安全和开发效率,推动前端技术不断向前发展。未完待续……

2024-07-03 11:37:25 954

原创 Rust破界:前端革新与Vite重构的深度透视(上)

综上所述,Rust 以其独特的魅力开辟了前端技术的新边界,同时也提出了学习和应用上的挑战。作为开发者,面对这把性能与安全的双刃剑,唯有不断探索与实践,才能真正跨越边界,开启技术新篇章。未完待续……

2024-07-03 10:53:32 1236

原创 深入浅出:从零到一发布npm插件包的全面指南

发布 npm 插件是一次从创造到分享的美妙旅程。它不仅是技术能力的体现,更是对开源精神的传承。随着每一次迭代和用户的增加,您的插件将逐渐成长为 JavaScript 生态中不可或缺的一部分。愿您在这条道路上越走越远,创造更多有价值的作品.。

2024-06-12 09:50:26 709 1

原创 是什么奠定了前端三分天下的局面?

Facebook 的强力背景,吸引了全球无数开发者参与,共同构建了一个庞大且活跃的生态系统。总而言之,React.js 的入场,不仅仅是 Facebook 的一次技术布局,更是前端技术演进史上的一座重要里程碑,它通过虚拟 DOM 、JSX 、组件化等创新,以及蓬勃发展的生态,重新定义了现代 Web 应用的开发方式,引领了一场前所未有的技术变革。前端技术的发展是一个不断进化的过程,从简单的网页展示到复杂的单页应用,再到今天的全栈式开发,技术的每一次进步都伴随着用户体验的显著提升和开发效率的飞跃。

2024-05-30 18:19:52 1815 12

原创 移动云:开发者手中的未来钥匙

总的来说,期待着有一天,移动云能够为我们带来更加便捷、实惠的云产品。

2024-05-27 20:48:17 962

原创 Baidu Comate智能编码助手——效率编程神器

总体来说Baidu Comate智能编码助手是一款十分实用的工具,它可以提高你的编程效率。无论你是编程小白,还是资深程序员,这个工具都十分适合你。小白可以利用Baidu Comate来练习。资深程序员可以使用Baidu Comate用来摸鱼。

2024-05-13 20:14:42 627

原创 Vue与Electron融合之道:从Web App到桌面App的华丽转身

Vue 与 Electron 的融合,为 Web 开发者打开了通往桌面应用世界的大门。凭借共享的技术栈、高效的开发流程以及丰富的桌面特性,Vue 应用可以轻松实现从 Web App 到桌面 App 的华丽转身。遵循本文提供的实战步骤与代码示例,您将能快速构建出兼具 Web 灵活性与桌面强大功能的现代化桌面应用程序,为用户提供卓越的跨平台体验。

2024-04-01 00:12:52 2674

原创 Electron安全防护实战:应对常见安全问题及权限控制措施

构建安全的 Electron 应用是一项系统工程,涉及权限管理、内容安全、更新流程、硬件权限控制、第三方模块选择、数据加密、进程间通信安全、敏感信息保护以及应用启动自检等多个层面。通过深入理解并积极应对上述常见安全问题,结合文中提供的实战代码示例和最佳实践,开发者能够有效地提升 Electron 应用的安全性,为用户打造一个既功能丰富又安全可靠的桌面应用环境。持续关注安全动态:及时了解并应对新的安全威胁和漏洞,定期更新依赖,运用安全工具进行项目审计。实施纵深防御。

2024-03-31 22:56:17 1638

原创 Electron 应用性能优化策略大全

Electron 以其跨平台、统一开发环境的优势吸引了众多开发者投身于桌面应用的构建之中。然而,由于 Electron 应用本质上是一个结合了 Node.js 和 Chromium 浏览器的应用程序,这也意味着在享受便捷的同时,我们也必须面对潜在的性能挑战,特别是资源消耗和内存管理等问题。本文将深度探讨一系列 Electron 应用性能优化策略。

2024-03-28 15:14:44 3203

原创 Electron 插件与扩展引入指南:丰富你的桌面应用功能

Electron 插件通常是指那些针对 Electron 框架设计的第三方模块,它们可以帮助开发者实现诸如系统通知、硬件访问、原生 UI 组件集成等高级功能。例如,electron-builder 可以简化 Electron 应用的打包过程,electron-context-menu 可以自定义右键菜单,electron-log 则提供了便捷的日志记录功能。// 引入并使用 electron-log 插件');除了使用现成的插件和扩展,你还可以自行开发适用于 Electron 环境的扩展。

2024-03-28 09:53:18 1930

原创 Electron应用自动更新实现及打包部署全攻略

Electron 应用的自动更新功能是提升用户体验和简化产品迭代流程的关键特性。通过深入理解和熟练运用模块,开发者可以顺利实现从检测新版本、下载更新到安装新版本的全流程。无论是利用 GitHub Releases 还是自建服务器作为更新源,都需要精心配置并确保更新文件的有效性和安全性。在部署和测试阶段,应关注网络状况、更新文件完整性、更新失败回滚机制等问题,以确保更新过程的稳定性。此外,优化用户体验同样重要,包括提供清晰的更新提示、支持离线更新、建立用户反馈渠道以及注重更新界面的设计。

2024-03-27 18:43:01 3486

原创 利用Node.js模块在Electron中进行文件系统操作实战(下)

在继续深入探讨 Electron 中 Node.js fs 模块的应用后,我们聚焦于文件系统的异步编程模式,通过进一步简化了文件操作的编写和维护。此外,再次强调了在处理文件系统时必须遵循的最佳实践,包括但不限于彻底的错误处理、及时释放资源、避免同步 I/O 操作以及严格遵守用户隐私和文件权限规则。只有在实际开发中贯彻这些基本原则,才能确保 Electron 应用既能提供出色的功能体验,又能保证其运行的稳定性和安全性。

2024-03-22 11:27:04 1239

原创 利用Node.js模块在Electron中进行文件系统操作实战(上)

通过深入探讨 Electron 中 Node.js fs 模块的使用,我们详细介绍了从基本的文件读写、目录操作,到高级的文件流处理、文件权限控制等核心功能。同时强调了在实际应用中,如何利用 Promise 和 async/await 进行异步编程,以及如何遵循跨平台兼容性原则处理文件路径。此外,我们也着重指出在开发过程中应当重视用户文件访问权限、错误处理以及资源释放等最佳实践。这些关键知识和技巧无疑将助力广大开发者更好地利用 Electron 和 Node.js 构建功能完善、性能优良的跨平台桌面应用。

2024-03-22 11:25:55 1845 1

原创 Electron IPC通信机制深度解析与实例演示

Electron 架构基于 Chromium 和 Node.js ,其中包含主进程和多个渲染进程。主进程负责管理窗口、处理系统级别的操作(如菜单、托盘图标、对话框等),而渲染进程则负责呈现用户界面。由于安全性和隔离性的考虑,主进程与渲染进程之间不能直接共享内存,因此需要通过 IPC 机制来进行通信。Electron 提供的 IPC 通信主要依赖于ipcMain(主进程)和(渲染进程)两个模块。主进程可以通过ipcMain接收和处理渲染进程发来的消息请求,而渲染进程则可通过发送消息给主进程。

2024-03-22 09:23:41 2320

原创 Electron 原生 UI 元素集成实践

通过上述实践,您应该已经对如何在 Electron 应用中整合原生 UI 元素有了全面的了解。无论是系统级的菜单、托盘图标、对话框,还是页面内的通知和上下文菜单,Electron 都为我们提供了丰富的 API 以构建出既符合平台规范又高度个性化的用户体验。熟练掌握这些原生 UI 元素的运用,将极大地提升您的 Electron 应用在界面交互与用户体验方面的品质。

2024-03-21 17:02:25 1055

原创 Electron窗口管理详解:使用BrowserWindow API打造个性化界面

总结而言,Electron 的 BrowserWindow API 是一个强大且灵活的工具,它涵盖了从窗口创建、属性配置、行为控制到事件监听等全方位的功能。深入理解和熟练运用此 API ,不仅能让开发者高效地构建稳定、高性能的桌面应用,更能帮助其实现对应用程序窗口的高度个性化定制,从而创造出独特且用户体验卓越的产品界面。随着对 BrowserWindow API 探索的深入,你会发现它所提供的可能性远超过你的想象。

2024-03-21 15:40:29 1787

原创 深入理解Electron应用结构:主进程与渲染进程详解

综上所述,深入理解并熟练运用 Electron 框架下的主进程与渲染进程模型,是构建高性能、高安全性和良好用户体验桌面应用的关键所在。随着技术的发展和实践经验的积累,相信开发者们能更好地驾驭 Electron 这一强大的工具,持续推动跨平台桌面应用开发的进步。

2024-03-20 11:32:16 1556

原创 Electron 开发环境搭建指南:从 Node.js 到第一个桌面应用

相信看到这里的小伙伴已经是看到了第一篇对于 Electron 框架的介绍,并且想要学习 Electron 框架,假设你已经学会了前端的基础和 Node.js ,接下来我们一起来看一下如何搭建 Electron 的开发环境吧~随着跨平台技术的不断发展, Electron 框架为开发者提供了一种便捷高效的途径,将 Web 技术应用于桌面应用程序开发。本文将带领您逐步搭建 Electron 开发环境,并指导您从零开始创建您的第一个桌面应用。

2024-03-20 11:16:54 1817

原创 Electron框架初识:原理与实践优势深度解读

Electron,是由 GitHub 公司推出并开源维护,是一个基于 Node.js 和 Chromium 浏览器引擎构建的桌面应用程序开发框架。其工作原理是将 Web 前端技术(HTML、CSS 和 JavaScript)与强大的 Node.js 后端能力相结合,通过运行一个包含 Chromium 渲染引擎的进程展示用户界面,同时利用 Node.js 环境处理底层系统交互,如文件访问、网络通信等操作,实现真正的“一次编写,处处运行”。

2024-03-19 14:33:53 914

原创 拨开迷雾见真章:Python强类型语言的生动诠释

这两天在学 Python ,还是感受到了人工智能的强大,不想要被人工智能替代,那就要去研究它哈哈哈哈,但是在这个过程中,遇到了一个小问题,也百度了,发现对于这个问题还是有很多争议的。我们可以看到,这两次列表在内存中所存储的地址是不一样的,那我们可以大胆猜测:Python 解释器在运行这段代码的时候,并没有修改 list1 的数据类型,而是将 list1 指向了新的地址。我们需要知道 Python 在解析这段代码的时候,都做了一些什么事情,既然涉及到变量的话,我们首先应该考虑到的就是内存,我们可以先来使用。

2024-02-27 10:45:59 384

原创 踩坑实录(Fourth Day)

今天开工了,其实还沉浸在过年放假的喜悦中……今天在自己写 Vue3 的项目,虽说是跟着 B 站在敲,但是依旧是踩了一些个坑,就离谱……照着敲都能踩到坑,我也是醉了……此为第四篇(2024 年 02 月 18 日)

2024-02-18 23:10:53 695

原创 踩坑实录(Third Day)

临近年关,同事们该回家的也都回家了,所以我对工作的欲望不是很强烈,所以就主要是自己学习了一下,在 B 站看看视频,自己敲代码,所以今天没遇到什么坑,但是可以分享一下之前踩到的两个坑。此为第三篇(2024 年 02 月 07 日)

2024-02-07 22:06:06 1562 1

原创 踩坑实录(Second Day)

作为公司的小菜鸟,每天都踩坑应该是一件很正常的事情吧,哈哈哈。今天遇到了比较棘手的问题,以前从来没有遇到过。然后就是在某平台上接的一个 bug 修改的单子,也拿出来和大家分享一下~此为第二篇(2024 年 02 月 05 日)

2024-02-06 20:07:22 1317 1

原创 踩坑实录(First Day)

2023 年一整年感觉我的进步都很小,所以自 2024 年起,我将专门开设专栏记录自己在工作期间踩过的所有坑,一来是为了有个记录,自己不会再踩,而来也是为了跟大家做一个分享,与大家进行讨论,提升自己的能力。此为第一篇(2024 年 02 月 04 日)

2024-02-05 01:44:04 1039 1

原创 技术·责任·未来:一个前端开发者的2023年反思

在瞬息万变的科技时代背景下,2023 年对我个人而言,是一段充满挑战与成长的独特旅程。作为一名前端开发程序员,我亲历了前端技术领域的快速发展和深度变革,从前沿框架的应用到复杂问题的解决,每一次实践都为我的职业生涯留下了深刻烙印。“技术·责任·未来”,这一主题犹如一面镜子,映射出我在过去一年中对自身角色定位及发展方向的深入思考。回溯过去的 2023 年,我将带领读者一同回顾那些在我个人成长道路上的技术突破,分享面对技术难题时的反思与收获,同时也会真诚地探讨如何以更加成熟的职业态度去履行一个程序员的责任。

2023-12-31 03:26:29 1114

原创 TypeScript和Pinia:为你的Vue应用注入灵魂

总结起来, TypeScript 和 Pinia 为我们的 Vue 应用注入了灵魂。它们提供了类型安全、智能提示和快速重构等功能,帮助我们更加高效和准确地开发应用程序。无论是开发小型项目还是大型应用,使用 TypeScript 和 Pinia 都能够提供更好的开发体验和更高的代码质量。让我们一起拥抱这个新的时代,让我们的 Vue 应用焕发出更加灵魂的光芒!希望本文对您有所帮助!祝您编码愉快!

2023-07-19 14:15:12 754 1

原创 高效编程的捷径:HbuilderX的独特之处

综上所述, HbuilderX 作为一款独特的开发环境,为开发者们提供了高效编程的捷径。它通过综合多种功能和特性,提高了代码编辑、调试和测试的效率和质量。同时,其丰富的插件生态系统和强大的团队协作功能,进一步增强了开发者们的工作效率和团队合作能力。因此,掌握和善用 HbuilderX ,将是程序员们在现代软件开发中取得成功的重要一步。

2023-07-13 14:10:59 3986

原创 从Vuex到Pinia:Vue 3生态系统的升级之路

总结起来, Pinia 是一个在 Vue 3 生态系统中备受关注的状态管理工具。它与 Vue Router 、 Vue Devtools 和 Vue Composition API 紧密集成,为 Vue 开发者提供了更好的性能和开发体验。通过本文的介绍和代码论证,我们可以看到 Pinia 在 Vue 3 生态系统中的重要地位,以及其与其他工具和库之间的协同工作方式。随着 Vue 3 的普及和应用,相信 Pinia 的地位和影响力也将不断扩大。

2023-07-12 19:03:02 621

原创 引领潮流:掌握Pinia的新一代Vue状态管理技术

综上所述, Pinia 作为 Vue 状态管理的新一代技术,具备了 State 和 Getters 、 Actions 、 Mutations 、 Plugins 和插件开发、可扩展性和性能优化等强大功能。它的简洁易用、高效灵活的特点,使得开发者能够更加便捷地构建复杂的应用程序,提高开发效率和代码可维护性。无论是在小型项目还是大型应用中,选择 Pinia 都是引领潮流的明智之选。Pinia官方文档Pinia GitHub仓库。

2023-07-11 09:16:48 176

原创 HBuilder:开发者之梦的实现

综上所述, HBuilder 作为一款强大的集成开发环境,为开发者们实现了他们的梦想。它提供了直观友好的界面、丰富的代码编辑和调试功能以及一键打包和发布应用程序的能力。通过 HBuilder ,开发者们能够更高效、更便捷地创建出高质量的移动应用程序,并且在移动应用市场中取得成功。无论您是新手还是专业开发者, HBuilder 都能够成为您的得力助手,实现您的开发梦想。

2023-07-09 18:32:29 624

前端练手项目(Vue+elementUI,node.js+express+mongoDB)

五天学会Vue+elementUI+node.js+express+mongoDB的全栈项目 一款基于Vue+elementUI+node.js+express+mongoDB的前端全栈项目(源码),其中已使用cors解决跨域,使用token进行加密,具有基本的增删改查功能以及根据用户权限不同渲染不同的导航栏菜单。对于新手需要寻找练手项目很友好。 前端使用elementUI组件库,样式美观,功能齐全。使用前端主流框架Vue及Vue-router、Vuex、axios等vue周边。 作为前后端分离项目,可以只练习前端或者nodejs后端开发,灵活性十分强大。 使用nodejs第三方模块express,使项目开发更快,效率更高。 使用moogoose第三方模块连接mongoDB数据库,使开发变为调用API,十分简单。 采用mongoDB非关系型数据库,操作灵活,开发迅速,从需求制定到项目落地,只用了五天!!!

2022-05-15

空空如也

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

TA关注的人

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