Ant Design of React 创建项目及运行环境
Ant Design of React 学习笔记（1）
创建项目及运行环境
本文使用 create-react-app 创建一个 TypeScript 项目，并引入 antd。
1.命令行cd到对应的目录，这里是npm下回车运行，其他如pnpm yarn参考官网
npx create-react-app antd-demo --template typescript
antd-demo就是项目名称，可以自己随意起
2.进入项目并运行 cd到项目下运行 npm run start
cd antd-demo
npm run start
此时浏览器会访问 http://localhost:3000/ ，看到 Welcome to React 的界面就算成功了。
3.安装Ant design
npm install antd --save
回传运行安装完成
在package.json 文件下会看到antd 相关信息，如果要使用sass或者less预编样式、axios数据请求这些按需npm安装即可。
react-router-dom这个是路由，后面要用到路由跳转，项目目录下运行
npm install react-router-dom
相关文章：
Ant Design of React 创建项目及运行环境
Ant Design of React 学习笔记（1） 创建项目及运行环境 本文使用 create-react-app 创建一个 TypeScript 项目，并引入 antd。 1.命令行cd到对应的目录，这里是npm下回车运行，其他如pnpm yarn参考官网 npx create-reac…...
NoSQL之Redis 主从复制配置详解及哨兵模式
目录 1 Redis 主从复制 1.1 主从复制的作用 1.2 主从复制流程 2 搭建Redis 主从复制 2.1 安装 Redis 2.2 修改 Redis 配置文件（Master节点操作） 2.3 修改 Redis 配置文件（Slave节点操作） 2.4 验证主从效果 3 Redis 哨兵模…...
界面组件DevExpress WinForms v23.2新功能预览 - 增强MVVM相关功能
本文主要描述了DevExpress WinForms即将在几个月之后发布的v23.2中包含的新功能，持续关注我们获取更多最新资讯哦~ DevExpress WinForms有180组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且易于使用的应用…...
vue3前端开发-开发环境安装篇
文章目录 1.安装nvm2.设置安装源为淘宝镜像3.通过nvm安装nodejs4. 安装pnpm4.1 安装pnpm4.2 配置 5.创建vite-vue项目6. vue3demo目录结构7. 扩展插件安装8. 用户代码片段8.1 设置8.2 快速生成代码 1.安装nvm 如果本地已经安装了nodejs，请先卸载。 nvm主要的作用就是…...
MVCC和BufferPool缓存机制
文章目录 1. MVCC多版本并发控制机制2. BufferPool缓存机制 1. MVCC多版本并发控制机制 Mysql可以在可重复读隔离级别下可以保证事务较高的隔离性，这个隔离性是由MVCC机制来保证的，对一行数据的读和写两个操作默认是不会通过加锁互斥来保证隔离性&#…...
论文阅读笔记（Clover: 计算与存储被动分离的分布式键值存储系统）
关于Disaggregating Persistent Memory and Controlling Them Remotely: An Exploration of Passive Disaggregated Key-Value Stores这篇论文的笔记 原文链接 提出背景 传统的分布式存储系统中，每个节点都会包含计算和存储两个部分，一个节点既可以访…...
大模型推理框架概述
从 ChatGPT 面世以来，引领了大模型时代的变革，除了大模型遍地开花以外，承载大模型进行推理的框架也是层出不穷，大有百家争鸣的态势。本文主要针对业界知名度较高的一些大模型推理框架进行相应的概述。 简介 vLLM是一个开源的大模…...
抖音商品详情数据接口，抖音商品详情API接口
抖音商品详情API接口获取数据，接口对接可获取到商品标题，商品价格，商品优惠价，优惠券信息，店铺昵称，sku信息，sku主图，视频链接，详情主图，库存，数量…...
睿趣科技：抖音开网店怎么开通
在当前的数字时代，电子商务已经成为一种主流的商业模式。抖音作为中国最大的短视频平台，也提供了这种能力，让商家能够在平台上开设自己的网店。那么，如何在抖音上开通网店呢?下面是详细的步骤： 注册抖音账号 首先&…...
体育场馆能源消耗监测管理平台，为场馆提供能源服务
随着能源问题的不断重视，体育场馆能源问题也被人们广泛的关注。为了让体育场馆的能源高效利用，体育场馆能源消耗监测管理平台应用而生。 该平台通过采集、监测场内数据，并对数据进行实时分析与反馈，从而帮助管理者了解到场内能源…...
前端本地存储方案-localForage-vue3中使用
前言 前端有多种本地存储方案可供选择，常见的有： Cookie：小型的文本文件，存储少量数据Web Storage ：包括：localStorage和sessionStorage，存储数据有上限（5M）左右Indexe…...
vivo年度新“机皇”X100系列要来了！
据供应链消息，vivo X90系列为满足旺盛的市场需求，曾经两次加单生产。 X90系列发布至今已超过11个月，竟然还保持着如此火爆大卖的状态,，令行业关注。而X系列即将发布的下一代产品X100系列，则让中高端消费者们更加期待。…...
滴滴发布十一大数据：延边出行需求上涨280% 西部省份成旅游热点
今年十一假期适逢中秋佳节，在亲友团聚和长假出游的多重期盼下，超级黄金周展现强劲内需，带动多样化的消费趋势，出行热情也随之高涨。滴滴出行数据显示，打车需求相比去年同期上涨80%，高峰时段每分钟呼叫突破1…...
Allegro如何查看器件的管脚号？
Allegro在默认情况下，器件是不显示管脚号的。 Allegro默认情况下，器件不显示管脚编号。 在PCB布局时，有时候我们需要看器件的管脚号，然后才能方便布局。那如何查看器件的管脚号呢？ 这里介绍两种查看器件的管脚编号的方法。 方法一： （1）选择菜单Display→Color/Visi…...
苹果电脑用什么清理软件比较好？
很多人都会有这样的误解：mac系统不用清理。实际上mac只是将系统垃圾隐藏了，并且需要通过特定的方式打开。但其实在我们日常工作不用这么麻烦，我们只需用苹果电脑专业的清理软件就好了。今天小编就给大家分享一下mac用什么清理软件好 一、mac用…...
被装超市管理系统-智被装DW-S305系统组成项目背景
项目背景 被装管理是JD后勤管理的一个重要组成部分，现在的被装管理的手工方式已不能适应被装管理现代化的需求，存在诸多问题，还需要依托大量的人力物力，对于一些品规较多、出入库频率较高的仓库，这样的管理方式显得捉…...
使用“Apple 诊断”测试你的 Mac（查看电池是否到达更换标准）
使用“Apple 诊断”测试你的 Mac “Apple 诊断”（以前称为“Apple Hardware Test”）可以检查你的 Mac 是不是存在硬件问题。 如果你认为你的 Mac 可能存在硬件问题，可以使用“Apple 诊断”来帮助确定可能存在故障的硬件组件。“Apple 诊断”…...
ElementUI增删改的实现及表单验证
文章目录 一、准备二、添加功能2.1 新增添加按钮2.2 添加弹出框2.3 data中添加内容2.4 methods中添加相关方法 三、编辑功能3.1 表格中添加编辑和删除按钮3.2 methods中添加方法3.3 修改methods中clear方法3.4 修改methods中的handleSubmit方法 四、删除书籍功能4.1 往methods的…...
基于Google‘s FCM实现消息推送
当然，下面是一个简单的示例，演示了如何使用 Service Worker 和 Googles Firebase Cloud Messaging（FCM）来实现 Web 推送通知。 1. HTML 文件（index.html） <!DOCTYPE html> <html> <head&g…...
若依微服务前后端部署启动流程（只记录）
若依官网：https://www.ruoyi.vip/ 若依源码下载，直接zip既可：RuoYi-Cloud: 🎉 基于Spring Boot、Spring Cloud & Alibaba的分布式微服务架构权限管理系统，同时提供了 Vue3 的版本 下载解压，导入 idea&…...
uni-app学习笔记二十二---使用vite.config.js全局导入常用依赖
在前面的练习中，每个页面需要使用ref，onShow等生命周期钩子函数时都需要像下面这样导入 import {onMounted, ref} from "vue" 如果不想每个页面都导入，需要使用node.js命令npm安装unplugin-auto-import npm install unplugin-au…...
条件运算符
C中的三目运算符（也称条件运算符，英文：ternary operator）是一种简洁的条件选择语句，语法如下： 条件表达式 ? 表达式1 : 表达式2• 如果“条件表达式”为true，则整个表达式的结果为“表达式1”…...
Vue2 第一节_Vue2上手_插值表达式{{}}_访问数据和修改数据_Vue开发者工具
文章目录 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染2. 插值表达式{{}}3. 访问数据和修改数据4. vue响应式5. Vue开发者工具--方便调试 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染 准备容器引包创建Vue实例 new Vue()指定配置项 ->渲染数据 准备一个容器,例如: …...
镜像里切换为普通用户
如果你登录远程虚拟机默认就是 root 用户，但你不希望用 root 权限运行 ns-3（这是对的，ns3 工具会拒绝 root），你可以按以下方法创建一个 非 root 用户账号 并切换到它运行 ns-3。 一次性解决方案：创建非 roo…...
leetcodeSQL解题：3564. 季节性销售分析
leetcodeSQL解题：3564. 季节性销售分析 题目： 表：sales ---------------------- | Column Name | Type | ---------------------- | sale_id | int | | product_id | int | | sale_date | date | | quantity | int | | price | decimal | -…...
QT： `long long` 类型转换为 `QString` 2025.6.5
在 Qt 中，将 long long 类型转换为 QString 可以通过以下两种常用方法实现： 方法 1：使用 QString::number() 直接调用 QString 的静态方法 number()，将数值转换为字符串： long long value 1234567890123456789LL; …...
Pinocchio 库详解及其在足式机器人上的应用
Pinocchio 库详解及其在足式机器人上的应用 Pinocchio (Pinocchio is not only a nose) 是一个开源的 C 库，专门用于快速计算机器人模型的正向运动学、逆向运动学、雅可比矩阵、动力学和动力学导数。它主要关注效率和准确性，并提供了一个通用的框架&…...
R 语言科研绘图第 55 期 --- 网络图-聚类
在发表科研论文的过程中，科研绘图是必不可少的，一张好看的图形会是文章很大的加分项。 为了便于使用，本系列文章介绍的所有绘图都已收录到了 sciRplot 项目中，获取方式： R 语言科研绘图模板 --- sciRplothttps://mp.…...
android13 app的触摸问题定位分析流程
一、知识点 一般来说，触摸问题都是app层面出问题，我们可以在ViewRootImpl.java添加log的方式定位；如果是touchableRegion的计算问题，就会相对比较麻烦了，需要通过adb shell dumpsys input > input.log指令，且通过打印堆栈的方式，逐步定位问题，并找到修改方案。 问题…...
Python 高效图像帧提取与视频编码：实战指南
Python 高效图像帧提取与视频编码：实战指南 在音视频处理领域，图像帧提取与视频编码是基础但极具挑战性的任务。Python 结合强大的第三方库（如 OpenCV、FFmpeg、PyAV），可以高效处理视频流，实现快速帧提取、压缩编码等关键功能。本文将深入介绍如何优化这些流程，提高处理…...