代码编织梦想

electron 开发者的 tauri 2.0 实战指南:ipc 通信重构-爱代码爱编程

作为 Electron 开发者,我们习惯了使用 IPC(进程间通信)来实现主进程和渲染进程之间的通信。在 Tauri 2.0 中,这种通信模式被重新设计,采用了更现代和安全的方式。本文将帮助你理解和重构这部分功能。 通信模

electron 开发者的 tauri 2.0 实战指南:安全实践-爱代码爱编程

在桌面应用开发中,安全性至关重要。相比 Electron,Tauri 2.0 提供了更严格的安全模型和更完善的权限系统。本文将帮助你理解和实践 Tauri 的安全特性。 权限系统对比 Electron 的安全模型 在

支付宝八折事件启示录:用户体验与风险管理的平衡艺术-爱代码爱编程

作为一名长期关注支付系统的技术从业者,2025年1月16日这天发生的支付宝"八折事件"给了我很多思考。这不仅仅是一个简单的系统故障,更是一个关于如何平衡用户体验与风险管理的典型案例。 从用户视角看事件 还记得那天下午,我

【react】二次封装antd的table组件_antd table二次封装-爱代码爱编程

使用Table并不难,但是每次使用都会伴随着很大一部分逻辑,如loding效果、表格分页筛选排序、调接口完毕后赋值等等,使用方法基本一致,所以可以将他们二次封装,从而减少代码量,提升代码可读性。 二次封装表格 impor

antd/antdv select组件实现可输入且单选_antd select组件 允许输入-爱代码爱编程

Antd/Antdv Select组件实现可输入且单选 实现思路: 1.options 共两个部分组成,一个部分为 请求option,即请求后端获取的列表;另一个部分为动态option,即不再 请求option列表中。由

antd中的select中的showsearch、 optionfilterprop=“children“ // 过-爱代码爱编程

选择器 Select - Ant Design 三者配合使用! 在 Select 组件上设置了 showSearch 并配合使用 optionFilterProp 和 filterOption 时,组件将根据用户的输入动态过滤选项。 <Select placeholder="选择" style={{ width: "600px" }}

antd中select的单选 + 模糊搜索:_antd select-爱代码爱编程

<Select allowClear placeholder="请选择" onChange={changeDept} showSearch

antd中select的多选 + 模糊搜索:_antd select多选-爱代码爱编程

<Select                    placeholder="请选择"                    allowClear                    mode="multiple"                    filterOption={(input, option) =

常用二次封装ant-爱代码爱编程

废话文学:一年没怎么更新过文章了,在忙着荒野求生(换了work+摸鱼)。但是,最近在工作的时候看到设计稿里的集成功能熟悉又陌生(其实就是包含了组件,然后组件又达不到这个要求),然后出现的频率还挺高的,先记录一下(二开倒是没什么难度,也不复杂,就是会浪费点开发时间),这里只针对Antd封装(版本^5.2.3),找个时间发个包,提高开发效率。 设计稿需求效果

react 中与生命周期相关的 hooks 及其使用示例_react 生命周期 commpoentwillunmount() 对应的 hooks 要怎么写-爱代码爱编程

React 16.8 引入了 Hooks 的概念,使得函数组件也可以使用 state 和生命周期等特性。与生命周期相关的 Hooks 主要有以下三个: useEffect useEffect 是最常用的一个 Hook,它

react-爱代码爱编程

目录 引入原因 集中管理状态: 全局 组件解耦:更关注UI 单一数据源:易预测、调试 状态持久化:还原上次状态 核心 store:存储所有应用的状态(一颗状态树state tree),单一可靠数据来源 与组件通信区别 发:派发(dispatch)行为(action)给store 收:订阅store中的状态(state)来刷新自己的视图

react17 + antd4 如何实现card组件与左侧内容对齐并撑满高度_antd card固定高度-爱代码爱编程

在使用antd进行页面布局时,经常会遇到需要将内容区域进行左右分栏,并在右侧区域内放置一个或多个Card组件的情况。然而,有时我们会发现右侧的Card组件并不能与左侧的栏目对齐,尤其是当左侧栏目高度动态变化时。本文将介绍如何

vite本地配置代理_vite配置代理-爱代码爱编程

axios中配置 const instance = axios.create({ // baseURL: config.url+"/csm/", baseURL:"/csm", timeout: 6

掌握 react 高阶组件与高阶函数:构建可复用组件的新境界-爱代码爱编程

一、引言 在 React 开发中,代码复用性和逻辑分离是提高开发效率和维护性的重要手段。高阶组件(Higher-Order Component, HOC)和高阶函数(Higher-Order Function, HOF)是

electron 开发者的 tauri 2.0 实战指南:文件系统操作-爱代码爱编程

作为 Electron 开发者,我们习惯了使用 Node.js 的 fs 模块来处理文件操作。在 Tauri 2.0 中,文件系统操作被重新设计,采用了 Rust 的安全特性和权限系统。本文将帮助你理解和重构这部分功能。

electron 开发者的 tauri 2.0 实战指南:快速入门与思维转换-爱代码爱编程

作为一名经验丰富的 Electron 开发者,当你第一次接触 Tauri 时,可能会感到有些不适应。本文将帮助你快速理解 Tauri 2.0 的核心概念,并通过实际案例完成从 Electron 到 Tauri 的思维转换。

electron 开发者的 tauri 2.0 实战指南:窗口管理与系统集成-爱代码爱编程

作为 Electron 开发者,我们已经习惯了使用 BrowserWindow 来管理窗口,以及通过各种内置模块来实现系统集成。在 Tauri 2.0 中,这些功能虽然概念类似,但实现方式有所不同。本文将帮助你快速掌握 Ta

2025年前端开发者必备的8大效率工具_前端开发工具哪个好-爱代码爱编程

2025年前端开发者必备的8大效率工具 原文链接:8 Must-Have Productivity Tools for Frontend Developers in 2025 作者:respect17 译者:倔强青铜三

umi项目部署、打包_umi 打包-爱代码爱编程

Umi是基于React的企业级应用框架。 以下操作项目为https://e.gitee.com/designlab_enterprise/repos/designlab_enterprise/ai-tools-fe/tree

umi框架的前端直接输入路径访问会404_umi4 访问没注册的路由-爱代码爱编程

UMI 框架是基于 React 的前端应用开发框架,通常情况下直接输入路径访问会出现 404 错误,这是因为 UMI 框架默认是使用前端路由进行页面跳转,而不是传统的后端路由 一.项目打包后部署在tomcat 如果直接部署在 Tomcat 上,并且没有配置后端服务器,你可以通过配置 Tomcat 的 web.xml 文件来实现前端路由的支持。具体步