自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(73)
  • 收藏
  • 关注

原创 Nginx 服务器,Apache 服务器,IIS 服务器的区别

Nginx:适合高并发和静态内容,配置简单,跨平台。Apache:功能丰富,配置灵活,适合动态内容和共享主机。IIS:适合 Windows 环境,与微软技术集成紧密,配置便捷。

2025-03-11 14:29:01 438

原创 前端项目中创建自动化部署脚本,用于 Jenkins 触发 npm run publish 来完成远程部署

scpssh使用编写deploy.js脚本,需要用到ssh2和fs。

2025-03-11 14:27:48 430

原创 VSCode插件集成各种大模型(Deepseek,Chatgpt,qwen通义灵码)帮助快捷完成编程任务

vscode集成大模型提高编程效率

2025-02-18 14:49:04 110

原创 MacBook使用VMware Fusion虚拟机上安装Ubuntu系统(保姆级:超详细图文教程)

VMware Fusion和VMware Workstation已经完全开放可供商业、教育和个人用户群体免费使用。适用于 Mac 的简单而强大的 VMware Desktop Hypervisor 应用程序。内置对 Arm 版 Windows 11 的支持、3D 硬件加速 DirectX 11 图形、超快速文件共享等。使用世界领先的适用于 Windows 和 Linux 的桌面虚拟机管理程序应用程序构建和测试几乎任何应用程序。(推荐官网直接下载)点击会进入到。

2025-02-18 14:38:59 2082

原创 Deepseek-R1本地部署,避免官网服务器繁忙问题

受在线访问人数以及国外的攻击,deepseek官网经常性服务器繁忙。为解决这个问题,提供更好的体验感,下面是一种本地化部署的方案,仅供参考!需要注意的是部署需借助ollama和chatBox工具实现,也可以只借助ollama在终端使用deepseek模型。chatBox是可视化工具。

2025-02-13 15:13:56 435

原创 基于React的两种方式使用React-pdf

React-PDF 使用教程

2025-01-09 16:28:53 837

原创 前端项目响应式设计

设置系统窗口高度:{ width: '100vw', height: '100vh', overflow: 'hidden' }2、基础页面basicLayout。1、入口文件index.tsx。3、基础页面css样式。

2024-11-19 11:16:24 247

原创 四步从原项目工程基础上克隆新开项目工程

为新项目添加新的远程仓库:git remote add origin : 将本地代码推送到新远程仓库:git push -u origin 远程仓库配置:git remote remove origin。:git clone : 你可以直接删除现有的。

2024-11-13 10:00:07 164

原创 gitlab项目如何修改主分支main为master,以及可能遇到的问题

如果你希望将 Git 仓库的主分支名称从main修改为其他名称例如master

2024-11-08 17:59:16 3125

原创 encodeURIComponent和decodeURIComponent的使用场景

URL 编码和解码的函数。

2024-11-07 11:52:58 1778

原创 React Router v6 中使用useRouteLoaderData,获取访问父路由或兄弟路由的由 loader 函数加载的数据

useRouteLoaderData用于在嵌套路由中访问父路由或兄弟路由的加载数据。

2024-11-04 14:00:47 628

原创 React Router v6 中用于在导航到指定路由之前使用loader预加载数据

loader在组件渲染之前加载数据,可以避免在组件内部使用 useEffect 等钩子来进行数据请求,从而提高性能。

2024-11-04 13:55:21 794

原创 react-router静态创建路由(RouterProvider-createBrowserRouter)和动态创建路由(BrowserRouter-Routes-Route)

在使用创建路由时,通常是定义静态路由。它将所有路由配置集中在一个地方,并且在应用启动时就加载这些路由。相较之下,使用组件挨个创建的路由可以被认为是动态路由,因为可以根据条件动态地生成路由结构。

2024-11-01 16:49:13 955

原创 干货|前端项目一些响应式布局问题(固定宽度仍可以实现响应式)

本身宽度是固定的,但它的布局和位置受到了父级容器的控制。即使在如下代码中直接设定了固定宽度 30。,这个容器仍然可以在页面缩放时呈现响应式变化。会跟随页面缩放,尽管宽度本身是固定的 300。),则整体布局可能会进行重新排列、缩放,而。的显示效果,从而达到等比例缩放的视觉效果。使用了固定像素的宽度,页面缩放也会影响。: 某些场景下,页面根级容器可能会应用。,让整个页面实现按比例缩放。布局,且其宽度会随窗口变化(如。也会在视觉上看起来随着窗口变化。,但它的显示效果仍然会相应缩放。: 如果页面根元素(

2024-11-01 16:39:29 564

原创 @tarojs/components 和 taro-ui 中的组件之间的区别

提供了更加高级和样式丰富的组件,适合快速搭建复杂界面,而。提供了基础组件,灵活性更高但需要手动管理样式和功能。

2024-10-24 17:40:56 738

原创 干货|基于Taro框架开发微信小程序如何配置实现自动格式化和代码规范

这样,保存文件时就可以自动按照 ESLint 和 Prettier 的规则进行格式化,保持代码的一致性和规范性。: 在微信开发者工具的插件市场中搜索并安装 ESLint 和 Prettier 插件。: 确保项目根目录下有一个。

2024-10-23 16:50:03 297

原创 干货|关于React项目在vscode中如何配置显示头部注释(koroFileHeader插件结合settings.json)

如果想要修改注释模板,可以在文件中进一步定制。你可以在中修改注释的结构。这样,VSCode 会根据你保存文件的时间自动更新相关信息,确保每次修改的时间记录准确。

2024-10-23 16:27:12 1067

原创 干货|react router- loader 和组件 useEffect 加载数据的选择

应用较大,且数据获取逻辑与路由切换紧密相关,使用 loader 更为合理,因为它能集中处理路由切换时的数据加载。如果你的页面较为简单,数据获取的逻辑更多是组件内部的副作用,那么 useEffect 依旧是方便快捷的选择。

2024-10-21 14:03:35 721

原创 <Link><Link> 和 <a> </a>标签的区别

【代码】 和 标签的区别。

2024-10-21 11:11:35 461

原创 干货|antd组件库Table组件开启虚拟列表的影响

可以在表格的顶部加一个按钮,允许用户点击后将表格内容复制到剪贴板。message.success('表格数据已复制到剪贴板');// 在表格上方添加按钮复制表格数据

2024-10-15 11:29:42 1024

原创 干货|基于React和xlsx库导出表格数据到excel(前端操作)

这样,导出的 Excel 文件中会包含。作为表头,以及每一行的数据。来导出数据,导出的内容应该包括。注:要根据 columns。

2024-10-15 11:12:14 631

原创 在React项目中兼容两个版本的antd组件库

在 Ant Design (antd) 中,无法直接让一个项目中的不同组件使用不同版本的库,因为在通常的情况下,包管理工具(如npm或yarn)会为整个项目安装同一个版本的库。不过,如果你确实需要让某个特定的组件使用老版本,而其他组件使用最新版本,有一些变通的解决方法可以尝试:方法1: 使用npm的alias功能(优先考虑)你可以通过npm的alias功能,安装多个版本的antd。例如:首先安装最新版本的antd作为项目的默认版本然后,为旧版本创建一个alias这样,你的项目中就会有两个不同版本的。

2024-10-12 10:52:28 1405 3

原创 Unexpected Application Error!Failed to fetch dynamically imported module(报错提示原因)

这样的 URL 一般指向的是一个 JavaScript 文件,通常是前端打包工具(如 Webpack、Vite、Parcel 等)在构建应用时生成的资源文件。

2024-10-12 10:46:46 3483

原创 React和Vue对比

React:更灵活,但需要开发者做更多配置,适合大型、复杂项目。Vue:提供了更多的内置功能,开发体验简单直观,适合快速开发和维护。如果你更喜欢灵活性、组合功能且愿意手动配置开发环境,React可能更适合。如果你想快速上手,开发体验简洁,且想要更多的内置工具,Vue会是一个不错的选择。

2024-09-29 17:30:44 1663 1

原创 关于git stash指令在切换到另一个分支处理紧急任务的场景使用

git stash:将当前工作目录中的所有未提交的更改暂存起来。:查看所有暂存的更改列表。:将最近一次暂存的更改应用回工作目录,并从 stash 列表中移除该条目。:应用特定的 stash。:移除特定的 stash。

2024-09-29 16:12:00 417

原创 Ant-Design组件库中的主题编辑器

Ant Design 设计规范和技术上支持灵活的样式定制,以满足业务和品牌上多样化的视觉需求,包括但不限于全局样式(主色、圆角、边框)和指定组件的视觉定制。4:点击进入,可以在这里对全局和某个部件进行可视化的调整。6:导出或者复制到工程里面即可。1:找到顶部研发模块。5:就是设置保存配置。

2024-09-29 13:54:56 375

原创 Miniconda安装教程

安装完成后,你可以通过 Anaconda Prompt 或 Windows Terminal 访问 Miniconda。使用以下命令运行安装程序(假设你下载的文件名为。安装完成后,你会看到提示,建议你重新启动终端。打开终端,导航到下载的文件所在目录。如果你看到版本号,说明安装成功。文件,启动安装程序。

2024-09-27 14:13:46 854

原创 Miniforge详细安装教程(macOs和Windows)

(注:主要是解决商业应用anaconda收费问题,这是轻量级的代替,个人完全可以使用anaconda和miniconda)Miniforge 是一个轻量级的包管理器,类似于 Anaconda 和 Miniconda。它主要用于安装基于conda的 Python 环境,专注于兼容 ARM 架构的设备(如 Apple M1/M2 /M3芯片)和其它 CPU 架构。Miniforge 使用作为默认的包管理渠道。下面是如何在不同系统中安装 Miniforge 的步骤。

2024-09-27 11:20:02 14832 4

原创 简介图片生成大模型imagen

是谷歌提出的一种基于文本描述生成高质量图像的大规模深度学习模型,其核心概念类似于等生成模型,但在架构和生成效果上做了创新。它通过结合(例如 T5)和(diffusion models)来生成高质量的图片,并且能够更好地理解复杂的文本描述。

2024-09-26 17:41:33 1633

原创 recoil和redux之间的选择

Recoil 和 Redux 是两个流行的 JavaScript 状态管理库,它们各自有不同的设计理念和使用场景。选择哪一个更好用,取决于你的具体需求、项目规模和个人偏好。1. 设计理念ReduxRecoil2. 学习曲线ReduxRecoil3. 性能ReduxRecoil4. 使用场景ReduxRecoil:Recoil 的 API 比较简单,不需要像 Redux 那样设置复杂的storereduceraction等,只需要定义atom和selector就能实现状态管理。

2024-09-26 17:01:31 1016

原创 自然语言大模型如何训练(简单的例子记录学习)

数据准备:收集并清洗大量的文本数据,使用分词器进行预处理。模型选择:选用适合的语言模型架构(如 GPT、BERT 等)。训练过程:定义损失函数、优化器和训练策略,逐步优化模型。模型评估:使用验证集评估模型的性能,并保存最终模型以供使用。这是一个简单的例子,实际训练大模型时可能需要使用分布式训练、多卡 GPU 或 TPU,并使用上亿条训练数据。

2024-09-26 14:28:23 507

原创 前端项目如何使用思源字体

在前端项目中使用思源字体(微软字体商用收费如微软雅黑)可以通过以下几种方式实现:你可以通过公共 CDN 来引入思源字体,像 Google Fonts 或 Adobe Fonts 提供的思源字体服务。 在 CSS 文件中使用 来设置字体: 2. 下载字体文件并在本地使用如果你不想依赖 CDN,可以下载思源字体并在本地项目中使用。下载字体文件:在项目中引入字体文件:在 CSS 中定义字体: 你可以通过 npm 或 yarn 安装「思源黑体」或「思源宋体」相关字体库。 然后在你

2024-09-26 11:38:36 2122

原创 FinalShell 和 FileZilla 的区别

FinalShell 和 FileZilla 都是用于远程服务器管理和文件传输的工具,但它们在功能和使用场景上有一些显著的区别。以下是一些主要的不同点:

2024-09-26 11:28:34 1136

原创 CSS样式设置展示一张图的部分

要在 CSS 中展示一张图片的部分,可以使用和,或者通过clip-pathoverflow等方式裁剪。

2024-09-25 14:52:26 1041

原创 中间添加一条可以拖拽的分界线,来动态调整两个模块的宽度

在 React 中操作 DOM 元素时,使用以及全局事件监听(如)并不推荐,因为这些方法无法与 React 的生命周期很好地协调,可能会导致内存泄漏或影响性能。可以改为使用useRef和useEffect来处理 DOM 元素以及事件监听。

2024-09-23 14:29:48 606

原创 基于React通用的 WebSocket 钩子 useWebSocket

钩子在组件中使用 WebSocket 功能,轻松地连接、接收消息和发送消息。

2024-09-14 14:33:09 854

原创 memo和useMemo的区别

memo是用于避免组件的重复渲染。用于包装整个组件,依赖props变化。useMemo是用于缓存某个计算结果,避免每次渲染都重复执行这个计算。它缓存的是一个值,而不是整个组件。

2024-09-14 14:11:38 515

原创 React 项目中使用 axios 进行 HTTP 请求时,封装 get、put、post 等请求方法

在 React 项目中使用axios进行 HTTP 请求时,你可以封装getputpost等请求方法,使代码更简洁、复用性更高。尤其是对于GET请求,需要将对象参数解析并拼接到 URL 中。以下是封装axios请求的一个简单示例,包括如何处理GET请求的 URL 参数拼接。

2024-09-10 14:59:13 668

原创 React路由配置参考(记录)

路由配置的一些参考逻辑说明 路由加载登录页面。 负责检查用户的登录状态,如果未登录,则重定向到 。 渲染主界面布局,并通过子路由渲染实际的页面内容。这样配置后,进入系统时会先进入登录页面,登录成功后才能访问其他页面,未登录的用户无法访问受保护的页面。

2024-09-10 14:49:27 610

原创 在 React 中,Input 失去焦点时获取失去焦点的位置并插入值

【代码】在 React 中,Input 失去焦点时获取失去焦点的位置并插入值。

2024-09-06 11:44:57 936

Unix/Linux 系统-echo命令详解

echo命令:命令是 Unix/Linux 系统中的一个常用命令,用于在终端中打印输出文本或变量的值。它也经常用于脚本中来输出信息、变量值或命令执行的结果。 echo 与 printf 的区别:echo 简单且易用,而 printf 提供了更复杂的格式化输出控制。如果需要更多格式控制,例如指定输出的宽度或格式化数字,可以使用 printf。 在某些 shell(如 sh)中,echo 的行为可能会有些不同,特别是在处理转义字符时。 echo 是一个功能简单但非常有用的命令,适合快速输出信息。 通过不同的选项可以控制是否解析转义字符、是否输出换行等。 在脚本中,echo 常用于调试和信息提示,或者结合重定向用于输出到文件。

2024-10-14

Miniforge详细安装教程(机器学习conda-Python包的管理和环境)

Miniforge 是一个轻量级的 Conda 发行版,类似于 Miniconda,但它专注于 Python 包的管理和环境的创建。Miniforge 是由 Conda Forge 社区维护的,旨在提供一个更小、更精简的安装包,特别适合那些需要在资源受限的环境中使用 Conda 的用户。 主要特点 轻量级: Miniforge 只包含 Python 和 Conda 包管理器,没有预装其他任何包,因此体积非常小。 适合在资源受限的环境中使用,如嵌入式系统、容器化应用等。 开源和社区驱动: Miniforge 是由 Conda Forge 社区维护的,Conda Forge 是一个开源的包构建和分发平台,提供了大量的高质量科学计算和数据分析相关的包。 使用 Miniforge 可以轻松访问 Conda Forge 上的包。 跨平台支持: Miniforge 支持多种操作系统,包括 Windows、macOS 和 Linux。 提供了多种架构的支持,如 x86_64、aarch64 等。 易于安装: 安装过程简单,只需下载安装脚本并运行即可。 提供了详细的安装文档和示例,适合初学者和经验丰

2024-09-27

机器学习-模拟退火算法-全局最优解-全局优化算法

模拟退火算法(Simulated Annealing, SA)是一种启发式优化算法,广泛应用于组合优化问题和全局优化问题。它受到金属退火过程的启发,通过模拟这一物理过程来寻找问题的全局最优解。模拟退火算法能够有效地避免陷入局部最优解,从而提高找到全局最优解的概率。 基本原理 金属退火过程: 金属退火过程是指将金属加热到一定温度,然后缓慢冷却,以减少金属内部的缺陷,使 其达到最低能量状态。在这一过程中,高温时金属内部的能量较高,可以克服局部能量障碍;随着温度的降低,金属逐渐稳定在最低能量状态。 模拟退火算法: 模拟退火算法通过模拟这一过程,将优化问题中的解空间类比为金属的微观状态,将目标函数值类比为能量。算法通过控制“温度”参数,逐步降低温度,使得解逐渐收敛到全局最优解。

2024-09-27

windows和mac系统下anaconda安装

windows和mac系统下anaconda安装 详细的、逐步的 Anaconda 安装指南,适用于 Windows 和 macOS 用户。 安装 Anaconda 可以显著简化 Python 环境管理和数据科学工作流程。通过这些详细的步骤,您可以在 Windows 和 macOS 系统上成功安装和配置 Anaconda,为您的数据科学和机器学习项目打下坚实基础。 Anaconda 安装指南: 适用人群 数据科学家 机器学习工程师 Python 开发者 教育和研究人员 使用场景 数据科学和机器学习项目 Python 环境管理 科学计算和分析 安装目标 安装 Anaconda 发行版 设置 Python 和 Conda 环境 验证安装

2024-06-14

Linux、Mac、Windows、Android、IOS等操作系统开发/调试的案例

Linux、Mac、Windows、Android、IOS等操作系统开发/调试的案例: 各类操作系统(Linux、Mac、Windows、Android、iOS)的开发和调试有各自的特色和工具。以下是这些操作系统中一些常见的开发和调试案例。 这些案例展示了在不同操作系统上进行开发和调试的基本方法和工具。通过这些实例,开发者可以掌握如何使用各类调试工具进行程序的调试、性能分析和优化,从而提高软件的质量和运行效率。

2024-06-14

elasticsearch数据库下载、配置、使用案例

elasticsearch数据库下载、配置、使用案例: Elasticsearch 是一个强大的搜索引擎,适用于全文搜索、日志和实时分析。 Kibana 提供可视化和分析工具。 Logstash 和 Beats 帮助收集和处理数据。 这个指南涵盖了从安装、配置到构建简单搜索应用的基本流程,你可以根据业务需求进一步扩展功能。 适用人群 开发人员 需求:构建搜索功能、数据分析功能、实时数据处理功能。 目标:利用 Elasticsearch 提供高效的搜索和数据查询功能。 数据工程师 需求:处理和分析大量日志、监控数据、业务数据。 目标:通过 Elasticsearch 进行数据聚合、分析和可视化。 系统运维人员 需求:监控系统日志、进行异常检测、维护集群。 目标:通过 Elasticsearch 监控和管理系统状态,提高运维效率。 数据科学家 需求:对数据进行探索性分析、机器学习模型的数据准备。 目标:利用 Elasticsearch 对大数据集进行高效的索引和查询,辅助数据分析工作。 产品经理

2024-06-14

空空如也

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

TA关注的人

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