TypeScript
文章平均质量分 76
TypeScript
Zong_0915
学无止境~
展开
-
React中使用lodash防抖失效解决
React中使用lodash防抖失效解决前言案例前言有个场景,类似于斗鱼搜索。在搜索的过程中,我希望能够出现关键字提示。进行快速搜索。那么用户在输入的过程中,我们需要感应用户输入的内容,并对其进行接口请求。但是如果不做任何限制,这样的请求绝对是太频繁了。因此我们需要做到防抖效果。案例在这里我只贴出和案例有关的代码:import {Input} from 'antd';import lodash from 'lodash';// lodash下的防抖函数const debounce = lod原创 2022-05-25 11:35:10 · 4163 阅读 · 3 评论 -
Egg整合antd文件上传以及防踩坑指南
Egg整合antd文件上传以及防踩坑指南前言项目编写前言最近自己在做一个云蹦迪项目,其中有用到用户头像上传的功能。其中项目的架构为UmiJs+Egg。图片上传到Egg后端,再做OSS处理。做的时候遇到了一些问题,这里做个记录。大家可以先看下这篇文章UmiJs整合Egg,里面附带了源码,本篇文章将在其基础上写。项目编写将源码down下来后,npm install下,运行npm run dev命令后,可以访问该路径:http://127.0.0.1:4396/zong/此时页面的效果如下:那么原创 2022-05-07 14:33:31 · 547 阅读 · 0 评论 -
UmiJs整合Egg
UmiJs整合Egg一. 初始化项目二. Umi和Egg的细节整合2.1 使用TypeScript2.2 使用Eslint2.3 前端发起请求2.4 利用egg-view模板来加载umiJs三. 整合的原理和相关知识点3.1 项目启动过程3.2 几个注意点一. 初始化项目这里,我们用UmiJs脚手架来初始化一个项目:1.创建一个名为Umi_Egg的空文件夹:2.在该文件夹目录中输入命令:npm create @umijs/umi-app结果如下,项目结构为:3.在根目录下,创建Egg项目原创 2022-05-01 09:30:00 · 1636 阅读 · 0 评论 -
Egg:用装饰器来进行参数校验
TypeScript:用装饰器来进行参数校验原创 2021-10-03 20:18:54 · 1025 阅读 · 0 评论 -
TypeScript系列(二)- Webpack打包TS代码
TypeScript系列(二)- Webpack打包TS代码一. webpack打包TS代码(手动搭建)1.1 安装webpack依赖1.2 webpack整合1.3 webpack自动生成HTML文件1.4 增加配置实现项目自动重构1.4.1 安装插件实现重构代码时删除旧文件1.4.2 配置TS模块化二. 引入babel解决兼容问题TypeScript系列文章导航一. webpack打包TS代码(手动搭建)首先,我们应该关注下package.json这个文件,它是用来管理项目的一个配置文件(比如原创 2021-04-18 16:41:00 · 2681 阅读 · 0 评论 -
TypeScript系列文章导航
TypeScript系列文章导航TypeScript系列(一)- TypeScript简介原创 2021-04-18 15:28:37 · 175 阅读 · 0 评论 -
TypeScript系列(一)- TypeScript简介与编译配置
TypeScript系列(一)- TypeScript简介一. TypeScript简介1.1 TS类型声明1.2 TS中的类型1.2.1 案例1:字面量1.2.2 案例2:any和unknown1.2.3 案例3:void和never1.2.4 案例4:对象1.2.5 案例5:数组、元组以及枚举类型1.2.6 案例6:&和类型别名二. 编译器选项2.1 自动编译文件2.2 tsconfig.json配置文件一. TypeScript简介TypeScript是以JavaScript为基础构建的语原创 2021-04-18 15:28:16 · 405 阅读 · 0 评论