![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ts日记
文章平均质量分 56
菜鸟小胖砸
博主很懒,但是却对前端很热爱,除了样式!
展开
-
Vue3/React-对比实现仿知乎专栏--01
Vue3/React-对比实现仿知乎专栏–01技术栈Vue3:全家桶+TS+bootstrapReact:React全家桶(函数式组件hooks)+TS+Redux+Antd项目创建React :create-react-app react-version --template typescriptVue3 : npm install -g @vue/cli npm install -g @vue/cli-init vue create vue3-version初步文件结构/as原创 2021-10-30 17:18:20 · 1006 阅读 · 0 评论 -
TS+react自建组件库 05
TS+react自建组件库 05KGD的第十个组件-Upload需求分析文件分析:①文件状态:ready、uploading、success、error②文件属性展示:uid、size、name、status、percent、raw、response、error设计实现import { FC, useRef, ChangeEvent, useState} from 'react'import axios from 'axios'import Button from '.原创 2021-10-24 15:45:49 · 865 阅读 · 0 评论 -
TS+react自建组件库 04
TS+react自建组件库 04KGD的第七个组件-Input需求分析属性分析:能否禁用、图标、规格大小、输入框前缀、输入框后缀设计实现import {FC, ReactElement, ChangeEvent, InputHTMLAttributes} from 'react'import { IconProp } from '@fortawesome/fontawesome-svg-core'import classNames from 'classnames'import Ic原创 2021-10-21 07:57:51 · 497 阅读 · 1 评论 -
TS+react自建组件库 03
TS+react自建组件库 03KGD的第五个组件-Icon引用第三方图标库:fontowesome安装指令:yarn add @fortawesome/fontawesome-svg-coreyarn add @fortawesome/free-solid-svg-iconsyarn add @fortawesome/react-fontawesome引入:import {FontAwesomeIcon, FontAwesomeIconProps} from '@fortawesome原创 2021-10-18 09:19:47 · 157 阅读 · 0 评论 -
TS+react自建组件库 02
TS+react自建组件库 02KGD的第二个组件-Alert需求分析类型分析-type:成功、默认、危险、警告功能分析-:默认弹出框、可添加描述弹出框设计实现import React, {FC, useState} from 'react'import classNames from 'classnames'export enum AlertType { Success = 'success', Default = 'default', Danger = 'dange原创 2021-10-14 22:14:53 · 453 阅读 · 0 评论 -
TS+react自建组件库 01
TS+react自建组件库 01Hello World组件测试import {FC} from 'react'interface IHello { message?: string; }const Hello:FC<IHello> = function(props){ let {message} = props; return ( <h2>{message}</h2> )}Hello.defaultPro原创 2021-10-12 22:16:54 · 478 阅读 · 0 评论 -
0929 NOTE
0929 NOTE–TS学习定义js的超集,可以在任何浏览器、计算机和操作系统上运行,但是执行时会先编译成js代码执行。优势①、有些错误如:未传参,js在浏览器中编译运行时才会报错,而ts在代码执行前便会报错提示②、代码提示友好程度更高③、代码中变量的类型声明使语义更清晰易懂环境搭建安装ts:npm i typescript -g / yarn add typescript -g编译ts文件:tsc demo.ts //执行后编译生成一个js文件,执行插件:np原创 2021-09-29 22:56:57 · 86 阅读 · 0 评论