Ant Design Landing模版使用教程-react-npm

作者:I like Code?日期:2025/11/4

特此鸣谢:https://github.com/ant-motion/ant-design-3.x-landing-page?tab=readme-ov-file

官网(不好用):https://landing.ant.design/docs/introduce-cn

package.json代码如下

1{
2  "private": true,
3  "entry": {
4    "index": "./index.js"
5  },
6  "dependencies": {
7    "antd": "^3.0.0",
8    "bisheng": "^0.28.2",
9    "enquire-js": "^0.1.0",
10    "prop-types": "^15.6.0",
11    "rc-queue-anim": "^1.4.0",
12    "rc-scroll-anim": "^2.2.1",
13    "rc-tween-one": "^1.7.0",
14    "react": "^16.1.1",
15    "react-document-title": "^2.0.3",
16    "react-dom": "^16.1.1",
17    "react-github-button": "^0.1.11",
18    "react-intl": "^2.4.0"
19  },
20  "devDependencies": {
21    "atool-build": "^1.0.2",
22    "atool-test-mocha": "^0.1.7",
23    "babel-eslint": "^8.0.2",
24    "babel-plugin-import": "^1.6.2",
25    "babel-plugin-transform-runtime": "^6.23.0",
26    "babel-runtime": "^6.26.0",
27    "dora": "^0.4.5",
28    "dora-plugin-webpack": "^1.0.0",
29    "eslint": "^4.11.0",
30    "eslint-config-airbnb": "^16.1.0",
31    "eslint-plugin-import": "^2.8.0",
32    "eslint-plugin-jsx-a11y": "^6.0.2",
33    "eslint-plugin-react": "^7.5.1",
34    "expect": "^21.2.1",
35    "gh-pages": "^1.1.0",
36    "pre-commit": "^1.2.2",
37    "redbox-react": "^1.5.0"
38  },
39  "pre-commit": [
40    "lint"
41  ],
42  "scripts": {
43    "build": "atool-build && cp index.html dist",
44    "lint": "eslint --ext .js,.jsx src/",
45    "eslint-fix": "eslint --fix src/ --ext .js,.jsx",
46    "start": "dora --plugins webpack",
47    "test": "atool-test-mocha ./**/__tests__/*-test.js",
48    "deploy": "rm -rf dist && npm run build && node ./deploy.js"
49  }
50}
51
52

Ant Design Landing模版使用教程-react-npm》 是转载文章,点击查看原文


相关推荐


硬件岗位基础知识
千語萬言-2025/10/31

1. 为什么 I2C 要上拉电阻? 因为 I2C 芯片的物理输出是“开漏输出”,它自身无法输出高电平,需要上拉电阻来提供高电平。 a) 电气结构:开漏输出 I2C 总线上的每一个设备(主设备和从设备),其 SDA(数据线)和 SCL(时钟线)的物理输出级都是一个 开漏输出 或 开集输出 的电路。 b) 上拉电阻的作用 提供高电平、限流保护 2.解释 交流电 和 直流电 直流电 (DC - Direct Current) 含义:电流的方向和大小不随时间变化。 交流电 (A


C#.NET DbContext 池化机制深入解析:提升 EF Core 性能的关键
唐青枫2025/10/29

简介 DbContext 池是 Entity Framework Core 中的高性能数据库连接管理机制,通过重用已初始化的 DbContext 实例,显著减少创建和销毁上下文对象的开销,特别适合高并发场景。尤其在高并发场景(如 Web API)中,频繁创建和释放 DbContext 会导致: 性能瓶颈:实例化 DbContext 涉及反射、元数据初始化和连接池分配。 内存压力:频繁创建和释放会导致垃圾回收(GC)压力。 连接管理问题:不恰当的 DbContext 生命周期可能导致数


Stream flatMap详解与应用实战
IT橘子皮2025/10/26

Stream API 中的 flatMap方法是一个功能强大但有时会让人感到困惑的工具。它专为处理嵌套结构或"一对多"元素映射场景而设计,能将复杂的集合层次"拍平"为单一流。下面我们深入解析其核心原理、典型应用及实战技巧。 ​核心原理:先映射,后扁平​ flatMap的核心思想是 ​​"先映射(Map),后扁平化(Flatten)"​​ 。 ​映射(Map)​​:它对输入流 Stream<T>中的每个元素应用一个映射函数。这个函数的关键在于,它不接受一个普通的对象,而是必须返回一个 Strea


Python 的内置函数 compile
IMPYLH2025/10/23

Python 内建函数列表 > Python 的内置函数 compile Python 的内置函数 compile() 是一个强大的工具,它允许将源代码编译为代码对象或 AST(抽象语法树)对象。该函数主要用于动态执行 Python 代码,常见于需要运行时编译代码的场景。 基本语法 compile(source, filename, mode, flags=0, dont_inherit=False, optimize=-1) ''' 将字符串或文件编译成代码或 AST 对


驾校管理系统|基于java和小程序的驾校管理系统设计与实现(源码+数据库+文档)
伟庭大师兄2025/10/22

驾校管理系统平台 目录 基于java和小程序的驾校管理系统设计与实现 一、前言 二、系统设计 三、系统功能设计 四、数据库设计 五、核心代码  六、论文参考 七、最新计算机毕设选题推荐 八、源码获取: 博主介绍:✌️大厂码农|毕设布道师,阿里云开发社区乘风者计划专家博主,CSDN平台Java领域优质创作者,专注于大学生项目实战开发、讲解和毕业答疑辅导。✌️ 主要项目:小程序、SpringBoot、SSM、Vue、Html、Jsp、Nodejs等


C#.NET FluentValidation 全面解析:优雅实现对象验证
唐青枫2025/10/21

简介 FluentValidation 是一个基于“流式 API”(Fluent API)的 .NET 验证框架,用于在应用层对模型(DTO、ViewModel、Entity 等)进行声明式验证。 核心优势: 高可读性:通过链式方法配置验证规则,逻辑清晰; 可复用:将验证代码从业务逻辑中分离,易于单元测试; 丰富的内置规则:邮箱、长度、正则、多字段联动、集合验证等; 可扩展:支持自定义验证器、异步验证、跨属性验证。 适用场景: Web API 模型验证 复


解密prompt系列62. Agent Memory一览 - MATTS & CFGM & MIRIX
风雨中的小七2025/10/20

今天我们再来聊聊AI智能体中至关重要的组件——记忆系统,它能有效避免的Agent像只只有7秒记忆的金鱼,不断重复错误,循环往复。 记忆的两种面孔:LLM Memory vs Agent Memory 之前我们探讨过Mem0和LlamaIndex对大模型记忆的工程化实现,但这两个库更侧重于LLM Memory而非Agent Memory。这两者有何不同?本质上Agent Memory是包含了LLM Memory的。那增量的差异来自 LLM Memory:更像是事实备忘录,记录对话中的具体事实和场


Docker 实战教程(7) | 镜像管理和仓库操作
致宏Rex2025/10/18

前边篇章我们已经介绍了 Docker 基础概念和安装Docker 常用命令实践Docker 网络机制详解Docker 数据卷和挂载Dockerfile 编写和镜像构建Docker Compose 多容器编排 本篇为系列最后一章,介绍 Docker 的镜像管理和仓库操作。 本教程侧重于命令实践和理解,提供可在本地环境测试的实例,每章结束都有总结要点。 7.1 Docker 镜像管理基础 我们之前介绍过一期自建镜像站的若干方案: Docker 管理 | 代理配置、内网共享和 Ha


Redis(67)Redis的SETNX命令是如何工作的?
Victor3562025/10/17

SETNX 是 Redis 提供的一个原子性命令,用于在键不存在时设置键值对。SETNX 是 "SET if Not eXists" 的缩写,主要应用于实现分布式锁等场景。下面是详细的工作原理以及如何在 Java 中使用 SETNX 命令的示例。 SETNX 命令的工作原理 检查键是否存在:Redis 首先检查给定的键是否存在。 设置键值对:如果键不存在,Redis 将设置键值对,并返回 1。 不做任何操作:如果键已经存在,Redis 不会设置新的值,并返回 0。 Java 使用 SETNX


什么是断言?
你的人类朋友2025/10/15

前言 你好啊,我是你的人类朋友! 今天主要介绍断言(Assertion)相关的知识。 先定个小目标:看完你将可以用自己的语言向别人解释:啥是断言? 正文 一、初印象 断言(Assertion)在信息安全领域中,是一种用于证明身份的数字凭证。 简单来说,断言是一个【包含身份声明信息的安全令牌】,用于向服务端证明客户端的合法身份。 它通常包含三要素: 身份标识(如:AppId) 验证凭证(如:加密的 Secret) 完整性证明(如:数字签名) 二、工作流程 断言的工作过程可以分为四个核心步骤:

首页编辑器站点地图

Copyright © 2025 聚合阅读

License: CC BY-SA 4.0