草庐IT

$TypeScript

全部标签

有关TypeScript感触集锦

1、接口1.对象中使用中括号是设置key的类型是字符串,冒号后面就是键值对的值;2.接口只是用来形容给进来的数据必须符合接口类型内容,所以不能赋值;exportdefaultinterfaceIBox{ a:number; b:string; [key:string]:number|string|boolen|null;}3.只读属性interfaceILable{lable:string;a?:number;readonlyb:number//只读}//使用functionfn1(obj:ILable){}functionfn2(o:ILable){o.lable="ss"}fn2({lab

有关TypeScript感触集锦

1、接口1.对象中使用中括号是设置key的类型是字符串,冒号后面就是键值对的值;2.接口只是用来形容给进来的数据必须符合接口类型内容,所以不能赋值;exportdefaultinterfaceIBox{ a:number; b:string; [key:string]:number|string|boolen|null;}3.只读属性interfaceILable{lable:string;a?:number;readonlyb:number//只读}//使用functionfn1(obj:ILable){}functionfn2(o:ILable){o.lable="ss"}fn2({lab

开发并发布npm包,支持TypeScript提示,rollup构建打包

前言:工作了几年,想把一些不好找现成的库的常用方法整理一下,发布成npm包,方便使用。也学习一下开发发布流程。主要用到的工具:npm。开发库:babel、typescript、rollup、eslint、corejs。由于目前只是发布一些函数方法,只需要一些兼容性工具,打包工具即可。一、创建项目可以直接在github上创建一个空项目,然后克隆到本地。进入目录下,执行npminit之后将开始初始化package.json:Thisutilitywillwalkyouthroughcreatingapackage.jsonfile.Itonlycoversthemostcommonitems,an

开发并发布npm包,支持TypeScript提示,rollup构建打包

前言:工作了几年,想把一些不好找现成的库的常用方法整理一下,发布成npm包,方便使用。也学习一下开发发布流程。主要用到的工具:npm。开发库:babel、typescript、rollup、eslint、corejs。由于目前只是发布一些函数方法,只需要一些兼容性工具,打包工具即可。一、创建项目可以直接在github上创建一个空项目,然后克隆到本地。进入目录下,执行npminit之后将开始初始化package.json:Thisutilitywillwalkyouthroughcreatingapackage.jsonfile.Itonlycoversthemostcommonitems,an

Typescript 回调函数、事件侦听的类型定义与注释--拾人牙慧

实际项目中会运到的Typescript回调函数、事件侦听的类型定义,如果刚碰到会一脸蒙真的,我就是这是第一次我自己对Typescript记录学习,所以得先说一下我与Typescript的孽缘记得最早是在2014年遇上Typescript当时是完全看不上这东西的,甚至带着鄙视的心态,到不是因为它比原生Js要多写很多代码而是作为一名前端老兵遇上Typescript的语法与类型就会让我想起刚工作时学习的FlashActionscript3.0脚本时代。不能说是完全相同,简直是一模一样。大约2006年Adobe的flash9就开发了自己的新脚本语言ActionScript3完全符合ECMAScript

Typescript 回调函数、事件侦听的类型定义与注释--拾人牙慧

实际项目中会运到的Typescript回调函数、事件侦听的类型定义,如果刚碰到会一脸蒙真的,我就是这是第一次我自己对Typescript记录学习,所以得先说一下我与Typescript的孽缘记得最早是在2014年遇上Typescript当时是完全看不上这东西的,甚至带着鄙视的心态,到不是因为它比原生Js要多写很多代码而是作为一名前端老兵遇上Typescript的语法与类型就会让我想起刚工作时学习的FlashActionscript3.0脚本时代。不能说是完全相同,简直是一模一样。大约2006年Adobe的flash9就开发了自己的新脚本语言ActionScript3完全符合ECMAScript

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载对象接口

在基于vue-next-admin 的Vue3+TypeScript前端项目中,可以整合自己的.NET后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript前端项目中全局挂载对象$u,获得相关 $u_interface 的统一入口的接口信息。这样在组件或者页面中就可以方便的使用便捷对象的相关处理方法了。vue-next-admin是一个不错的后台开源免费模板项目,可以利用它来开发自己的项目前端,它的技术栈是:vue3.x+setup语法糖+TypeScript+Vite+El

在基于vue-next-admin的Vue3+TypeScript前端项目中,为了使用方便全局挂载对象接口

在基于vue-next-admin 的Vue3+TypeScript前端项目中,可以整合自己的.NET后端,前端操作一些功能的时候,为了使用方便全局挂载的对象接口,以便能够快速处理一些特殊的操作,如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript前端项目中全局挂载对象$u,获得相关 $u_interface 的统一入口的接口信息。这样在组件或者页面中就可以方便的使用便捷对象的相关处理方法了。vue-next-admin是一个不错的后台开源免费模板项目,可以利用它来开发自己的项目前端,它的技术栈是:vue3.x+setup语法糖+TypeScript+Vite+El

在Vue3+TypeScript 前端项目中使用事件总线Mitt

事件总线Mitt使用非常简单,本篇随笔介绍在Vue3+TypeScript前端项目中使用的一些场景和思路。我们在Vue的项目中,经常会通过emits 触发事件来通知组件或者页面进行相应的处理,不过我们使用事件总线Mitt来操作一些事件的处理,也是非常方便的。Mitt的GitHub官网地址如下所示:https://github.com/developit/mitt,它的安装和其他插件一样,我们不再赘述,只讲述它的如何使用。Mitt 具有以下优点:零依赖、体积超小,压缩后只有200b。提供了完整的typescript支持,能自动推导出参数类型。基于闭包实现,没有烦人的this困扰。为浏览器编写但也

在Vue3+TypeScript 前端项目中使用事件总线Mitt

事件总线Mitt使用非常简单,本篇随笔介绍在Vue3+TypeScript前端项目中使用的一些场景和思路。我们在Vue的项目中,经常会通过emits 触发事件来通知组件或者页面进行相应的处理,不过我们使用事件总线Mitt来操作一些事件的处理,也是非常方便的。Mitt的GitHub官网地址如下所示:https://github.com/developit/mitt,它的安装和其他插件一样,我们不再赘述,只讲述它的如何使用。Mitt 具有以下优点:零依赖、体积超小,压缩后只有200b。提供了完整的typescript支持,能自动推导出参数类型。基于闭包实现,没有烦人的this困扰。为浏览器编写但也