类型 如果你正在阅读这篇指南,你可能已经大概了解TypeScript类型指是什么。 明确一下,类型通过以下方式引入:类型别名声明(type sn = number | string;) 接口声明(interface I { x: number[]; }) 类声明(class C { }) 枚举声明(enum E { A, B, C }) 指向某个类型import声明 以上每种声明形式都会创建
# 重写Ant Design组件类型定义 ## 引言 在使用Ant Design这样UI库时,我们经常需要根据自己业务逻辑进行定制化。然而,在使用TypeScript时,Ant Design类型定义并不总是完全符合我们需求。因此,我们可能需要重写Ant Design组件类型定义,以便更好地适配我们项目。 本文将介绍如何重写Ant Design组件类型定义,以及如何创建一个自定
原创 2024-06-30 06:08:00
163阅读
近期准备升级antd4.0开发,发现form组件改动非常大,于是抽空看了改动点,于是有了这篇文章:首先回顾一下antd3用法import React from "react"; import { Form, Input, Button } from "antd"; const Demo = ({ form }) => { const { getFieldDecorator, vali
转载 2024-07-19 14:13:18
154阅读
1.v-decorator和v-model区别v-decorator在我看来更加适合于有验证操作,比如不为空,唯一值,只能是数字等等。而v-model更加适合用来定义一些组件返回接收参数,更好处理和获取,以及一些默认隐藏或者不显示但保存或修改需要用到参数。2.v-decorator用法部分测试代码...... <a-form-item label="name" :labelCol="
转载 2024-01-12 09:53:12
225阅读
今天我们就用代码来重温一下年少(假设你有react基础,没有也行,只要你会三大框架任意一种,上手react不难)游戏规则双方各执一子,在九宫格内一方三子连成线则游戏结束九宫格下满未有三子连线则视为平局准备阶段建议先全局安装typescript 和 create-react-app(安装过请忽略)npm install typescript create-react-app -g使用typescr
转载 25天前
367阅读
# antd form 如何设置typescript类型 在使用 antd Form 组件时,我们常常需要为表单元素设置类型,以提高代码可维护性和可读性。本文将介绍如何使用 TypeScript 来为 antd Form 组件设置类型,并结合一个具体示例来说明。 ## 问题描述 假设我们有一个用户注册页面,需要用户输入用户名、密码和确认密码。我们使用 antd Form 组件
原创 2023-12-22 05:43:53
436阅读
简介antd部分组件是基于react-component封装而来,今天我们要讲antd table也是基于react-component/**table**封装而来,这次antd源码解析,大部分也是基于rc-table,这次源码分析主要是讲一些特殊知识点。如果想了解更多,可以评论一下,我看到评论后会添加。antd Table先上源码链接 从这里可以看到antd Table代码只有5
转载 2023-08-30 10:45:59
332阅读
首先。vue 数据流是双向,而 react 数据流是单向。这意味着什么?这意味着,vue 中,子组件可以用 emit 把数据更新传给父组件。而 react 中, 需要通过父组件把回调函数传给子组件实现类似功能。 为什么要说这个?因为框架设计会影响到组件库设计。组件库设计必须配合框架。 我们回忆一下, antd3 中表单是怎么用?我们需要传入 onSubmit 回
转载 2023-08-21 15:55:26
96阅读
基于2018年Stack Overflow Developer调研,TypeScript作为编程语言比JavaScript更受“喜爱”。TypeScript在js开发者中这么受喜爱原因是:在你运行代码前,添加到javascript中类型有助你发现错误(代码)。TypeScript编译器提供错误可以很好引导你如何修复代码错误。往javascript中添加类型同时有助代码编辑器提供一些高
# 如何在 Ant Design 项目中升级 TypeScript 在现代前端开发中,Ant Design(简称 Antd)是一个非常流行 UI 组件库,而 TypeScript 则是一种强类型 JavaScript 超集,用于提高代码可维护性和可靠性。如果你正在开发一个使用 Ant Design 项目,并希望将其迁移至 TypeScript,本文将为你提供详尽指导。 ## 流程概述
原创 2024-09-27 05:47:04
31阅读
# Ant Design 与 TypeScript:构建优雅 UI 组件 在现代前端开发中,**Ant Design**(简称 **antd**)凭借其丰富组件库和优雅设计理念,逐渐成为了开发者构建企业级应用首选。而结合 **TypeScript**,可以让我们代码在开发过程中更具可维护性和可读性。本文将深入探讨如何在 antd 项目中使用 TypeScript,并附带代码示例,帮助你
原创 2024-09-24 07:43:51
82阅读
顺序存储结构c语言描述#define MAXSIZE 100/*此处宏定义常量表示线性表可能达到最大长度*/ typedef struct{ ElemType elem[MAXSIZE];/*线性表占用数组空间*/ int last;/*记录线性表中最后一个元素在数组elem[]中位置(下标值), 空表置为-1*/ }SeqList;在C语言数据结构中,关于数据元素类型定义均
转载 2024-01-03 10:41:30
95阅读
  最近vue 3.0 版本发布,让我认识到 typescript 将占有越来越重要地位,所以我也开启了typescript学习之旅。  要想编写第一个 hello typescript 程序,当然要经过安装这个必要过程,我们分为接下来几个步骤: 步骤一:全局安装 typescriptnpm install -g typescript  步骤二:全局安装 ts-node  安装它
转载 2023-06-14 14:58:17
55阅读
前言文中内容都是参考https://www.typescriptlang.org/docs/handbook/2/typeof-types.html , 以及参考TypeScript 之 Typeof Type Operator — mqyqingfeng 内容。typeof 类型操作符先来看看JavaScript中typeof用法: 具体可参考 MDN typeoftypeof 操作符返回一个
转载 2023-09-06 07:46:23
74阅读
## TypeScript 扩展 Antd/ES 在前端开发中,我们经常使用 Ant Design (Antd) 这样UI框架来构建用户界面。而 TypeScript 又是目前前端开发中越来越流行语言。本文将介绍如何使用 TypeScript 扩展 Antd/ES,以提高开发效率和代码质量。 ### 为什么使用 TypeScript TypeScript 是 JavaScript 一个
原创 2023-08-30 10:36:54
239阅读
Ant核心功能有两个基本概念:特性和datatypes。 1. Datatype概述: Ant能够构建Java工程主要问题域,这使得Ant成为用于构建和打包Java应用程序强大工具。在构建一个典型Java工程时,多数步骤都用于处理文件和路径,例如classpath。Ant提供Datatypes来处理这两个概念。AntDatatype可以认为是类
转载 2024-07-08 13:14:03
68阅读
# TypeScript 命名规范在 Ant Design 中应用 在前端开发中,遵循一定命名规范对于代码可读性和维护性至关重要。Ant Design 是一个优秀 React UI 组件库,而 TypeScript 则是越来越受到前端开发者青睐静态类型检查工具。在 Ant Design 中,我们需要遵循一定 TypeScript 命名规范来编写代码,以确保代码质量和一致性。 ##
原创 2024-03-11 04:11:55
55阅读
一. 面向对象:面向对象是程序中一个非常重要思想,它被很多同学理解成了一个比较难,比较深奥问题,其实不然。面向对象很简单,简而言之就是程序之中所有的操作都需要通过对象来完成。在程序中一切皆是对象。(一). 类要想面向对象,操作对象,首先便要拥有对象。要创建对象,必须要先定义类,所谓类可以理解为对象模型,程序中可以根据类创建指定类型对象,举例来说:可以通过Person类来创建人对象,通过
转载 2023-10-20 14:03:30
81阅读
# TypeScript在Ant Design中拓展声明类型实践 随着前端开发技术快速发展,TypeScript逐渐成为了JavaScript主流替代方案。特别是在使用Ant Design(简称Antd)这样UI组件库时,TypeScript类型系统能够增强代码可读性和可维护性。因此,本文将探讨如何在Ant Design基础声明类型上进行扩展。 ## 理解Ant Design与T
原创 9月前
142阅读
前言:以下内容基于React全家桶+AntD实战课程学习实践过程记录。 一、使用Form组件开发登录页面 pages->form->login.js:对应路由/admin/form/loginimport React from 'react' import {Card, Form, Input, Button, message, Icon, Checkbox} f
转载 2023-10-12 23:17:15
96阅读
  • 1
  • 2
  • 3
  • 4
  • 5