草庐IT

language-typescript

全部标签

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困扰。为浏览器编写但也

TypeScript入门

TypeScript入门​一、什么是TypeScriptJavaScript的超集,可以编译成JavaScript。添加了类型系统的JavaScript,可以适用于任何规模的项目。TypeScript特性类型系统从TypeScript的名字就可以看出来,「类型」是其最核心的特性。我们知道,JavaScript是一门非常灵活的编程语言:它没有类型约束,一个变量可能初始化时是字符串,过一会儿又被赋值为数字。由于隐式类型转换的存在,有的变量的类型很难在运行前就确定。基于原型的面向对象编程,使得原型上的属性或方法可以在运行时被修改。函数是JavaScript中的一等公民,可以赋值给变量,也可以当作参数

TypeScript入门

TypeScript入门​一、什么是TypeScriptJavaScript的超集,可以编译成JavaScript。添加了类型系统的JavaScript,可以适用于任何规模的项目。TypeScript特性类型系统从TypeScript的名字就可以看出来,「类型」是其最核心的特性。我们知道,JavaScript是一门非常灵活的编程语言:它没有类型约束,一个变量可能初始化时是字符串,过一会儿又被赋值为数字。由于隐式类型转换的存在,有的变量的类型很难在运行前就确定。基于原型的面向对象编程,使得原型上的属性或方法可以在运行时被修改。函数是JavaScript中的一等公民,可以赋值给变量,也可以当作参数

TypeScript 学习笔记 — 类型兼容 (十)

目录一.基本数据类型的兼容性二.接口兼容性三.函数的兼容性四.类的兼容性类的私有成员和受保护成员五.泛型的兼容性六.枚举的兼容性标称类型简短介绍TS是结构类型系统(structuraltypesystem),基于结构/形状检查类型,而非类型的名字。TS中的兼容性,主要看结构是否兼容。(核心是考虑安全性),结构化的类型系统(又称鸭子类型检查),如两个类型名字不一样但是无法区分类型兼容性是基于结构子类型的。结构类型是一种只使用其成员来描述类型的方式。如果x要兼容y,那么y至少具有与x相同的属性。这里要检查y是否能赋值给x,编译器检查x中的每个属性,看是否能在y中也找到对应属性。X兼容Y:X(目标类

TypeScript 学习笔记 — 类型兼容 (十)

目录一.基本数据类型的兼容性二.接口兼容性三.函数的兼容性四.类的兼容性类的私有成员和受保护成员五.泛型的兼容性六.枚举的兼容性标称类型简短介绍TS是结构类型系统(structuraltypesystem),基于结构/形状检查类型,而非类型的名字。TS中的兼容性,主要看结构是否兼容。(核心是考虑安全性),结构化的类型系统(又称鸭子类型检查),如两个类型名字不一样但是无法区分类型兼容性是基于结构子类型的。结构类型是一种只使用其成员来描述类型的方式。如果x要兼容y,那么y至少具有与x相同的属性。这里要检查y是否能赋值给x,编译器检查x中的每个属性,看是否能在y中也找到对应属性。X兼容Y:X(目标类

TypeScript 前端工程最佳实践

作者:王春雨前言随着前端工程化的快速发展,TypeScript变得越来越受欢迎,它已经成为前端开发人员必备技能。TypeScript最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛认可。TypeScript发展至今,已经成为很多大型项目的标配,其提供的静态类型系统,大大增强了代码的可读性、可维护性和代码质量。同时,它提供最新的JavaScript特性,能让我们构建更加健壮的组件,新版本不断迭代更新,编写前端代码也越来越香。typescript下载量变化趋势(来自于npmtrends)1为什么使用TypeScript微软提出TypeScript主