typescript
qq_42750608
前端
展开
-
分片上传简单实现重点是Promise的运用
分片上传--并发(简单地每次调用同样次数的接口)也可以当顺序上传使用。原创 2022-11-03 17:48:12 · 596 阅读 · 0 评论 -
点击div中字符串文本框textarea对应字符串位置高亮
react文本框对照高亮div展示,点击div中字符串文本框,其对应字符串位置高亮原创 2022-10-08 14:39:17 · 1081 阅读 · 0 评论 -
react-to-print插件封装及打印注意事项
react-to-print插件封装及打印注意事项原创 2022-09-23 16:27:55 · 1627 阅读 · 0 评论 -
前端-弹窗公告不再提示功能
完整代码就不写了, 主要是使用localStorage存储; cookie也是可以的,需要传入清除时间interface ICookie { cname:string; value:string; endTime?: string|number; //是number时为时间戳}const setCookie= ({cname, value, endTime}:ICookie) => { let date:any = 0 if(endTime) {原创 2022-01-26 15:52:38 · 1940 阅读 · 0 评论 -
antd-textArea插件点击删除图标直接获取焦点
const onChange = (e: any) => { const { value } = e.target; if (!value && e.type !== 'change') { // do something if(!e.target.value && e.type!=='change') e.target.focus() } };原创 2021-12-01 16:43:17 · 642 阅读 · 0 评论 -
react+antd+react-to-print实现打印功能,ie浏览器可去掉滚动条
import styles from './xx.module.css';import ReactToPrint from 'react-to-print';import ...略export const aa = () => { ,,, 略const getIeScrollClass = () => ieVersion >= 11 && !printBtnShow ? styles.scrollbar : ''return ( <div s.原创 2021-08-12 20:05:49 · 1033 阅读 · 1 评论 -
JavaScript--运算确保精度--自定义toFixed方法,乘除法计算方法优化
首先是toFixed方法,原本的方法有一些误差,小数点部分不是真正的四舍五入重写一下:const toFixed = function (myNum,s) { // Math.pow(10, s) =>10的s次方 // Math.round=>整数后面的第一个小数数字四舍五入=>例如0.0055501*10^2=>0.5xxx=>1 // 1/100=>0.01 myNum = (Math.round(myNum * Math.pow(10,原创 2020-09-16 22:08:57 · 518 阅读 · 0 评论 -
React--typescript--antd--上传按钮组件的简单实现
import React, { useState, useEffect, useImperativeHandle } from 'react';import axios from 'axios';import _ from 'lodash';import { Button, Upload } from 'antd';import { DeleteOutlined } from '@ant-design/icons'export const UploadBtn = (props:any) =&g.原创 2021-04-12 10:28:33 · 453 阅读 · 0 评论 -
typescript--联合类型和类型保护实例
class Bird { fly() { console.log('bird fly') } layEggs() { console.log('bird lay eggs') }}class Fish { swim() { console.log('fish swim') } layEggs() { console.log('fish lay eggs') }}const getSmallPet = ():Fish | Bird =&.原创 2020-09-09 10:46:59 · 119 阅读 · 0 评论 -
typescript--交叉类型实例
const extend = <T, U>(first:T,second:U): T & U => { // as => 类型断言的方式断言为xx类型 let result = {} as T & U for(let id in first) { result[id] = first[id] as any } for(let id in second) { if(!result.hasOwnProperty(id)) { .原创 2020-09-09 09:59:10 · 223 阅读 · 0 评论 -
typescript--对象里面的方法参数中指定this,重载
interface Card { suit:string card:number}interface Deck { suits:string[] cards:number[] createCardPicker(this:Deck): () => Card}let deck:Deck = { suits:['hearts','spades','clubs','diamonds'], cards: Array(52), createCardPicker(this:.原创 2020-09-05 23:34:46 · 615 阅读 · 0 评论 -
typescript--class类--对静态属性做修改
class Greets { static standardGreeting = 'Hello, here!' greeting:string constructor(message?: string) { this.greeting = message } greet() { if(this.greeting) { return `hello, ${this.greeting}` }else { return Greets.standa.原创 2020-09-05 22:25:14 · 1002 阅读 · 0 评论 -
typescript--抽象类
// 抽象类abstract class Department { name:string constructor(name:string) { this.name = name } printName():void { console.log(`department's name is ${this.name}`) } //抽象方法 abstract printMeeting():void}class AccountingDepartment exte.原创 2020-09-05 22:07:34 · 152 阅读 · 0 评论 -
typescript存取器和静态属性
let passcode = 'secret password'//存取器class Employeer { private _fullName: string get fullName():string { return this._fullName } set fullName(newName:string) { if(passcode === 'secret password') { this._fullName = newName ..原创 2020-09-05 21:00:09 · 209 阅读 · 0 评论 -
一个简单的class类继承写法,typescript语法,es6也可以借鉴
class Greeter { greeting: string constructor(message:string) { this.greeting = message } greet() { console.log(`Hello,Greeter ${this.greeting}`) }}let greeter = new Greeter('world')greeter.greet()class PersonGreeter extends Greeter{.原创 2020-09-04 18:46:11 · 187 阅读 · 0 评论 -
简单的typescript实例,class类的使用和封装new方法
interface Clockinterface { tick()}interface ClockConstructor { new(hour:number,minute:number):Clockinterface}// 封装new方法const createClock = (ctor:ClockConstructor, hour:number,minute:number):Clockinterface => { // ctor--构造器 return new.原创 2020-09-04 17:11:17 · 925 阅读 · 0 评论 -
typescript可选参数和只读属性
//可选属性和只读属性interface Square { color: string area: number}// ?: 表示是可选的属性interface SquareConfig { color?:string width?:number}const createSquare = (config: SquareConfig):Square => { let newSquare = { color: 'white', area: 100 ...原创 2020-09-04 15:40:38 · 430 阅读 · 0 评论 -
typescript的一个小例子--包含class类
class User { fullName: string firstName: string lastName: string constructor(firstName:string, lastName:string) { this.firstName = firstName this.lastName = lastName this.fullName = firstName+' '+lastName }}interface Person { fir.原创 2020-09-03 17:56:29 · 210 阅读 · 0 评论