二四、类01类的概念虽然JavaScript中有类的概念，但是可能大多数JavaScript程序员并不是非常熟悉类，这里对类相关的概念做一个简单的介绍。类(Class):定义一件事物的抽象特点，包含它的属性和方法对象(Object):类的实例，通过 new生成面向对象编程(Object Oriented Programming，简称 OOP)三大特性：继承、封装、多态继承(Inheritance)
转载
2024-07-03 21:38:25
45阅读
*.d.ts*.d.ts类型文件不需要手动引入，TypeScript会自动加载。TypeScript 默认只识别 *.ts 文件，不识别 *.vue 文件，因此需要告诉TypeScript*.vue文件交给vue编辑器来处理。解决方案就是在创建一个vue-shims.d.ts文件：declare module '*.vue' { import V
转载
2023-11-23 19:01:21
123阅读
一.概览此前，对泛型有了整体的概览，详见TypeScript中的泛型，后面的系列会详细地介绍TypeScript的泛型。此篇文章主要介绍泛型函数二. 泛型函数泛型是类型不明确的数据类型，在定义时，接收泛指的数据类型（不知道具体是什么类型）,在使用时，指定明确的数据类型的一种给定类型的方式。泛型定义的位置：函数声明： 写在函数名后面；函数表达式： 写在表达式最前面泛型调用的位置 在函数名后面跟泛型
解构赋值数组解构let input = [1, 2];
let [first, second] = input;
console.log(first); // outputs 1
console.log(second); // outputs 2上面的写法等价于：first = input[0];
second = input[1];利用解构赋值交换变量：[first, second] = [se
转载
2023-09-17 14:20:47
85阅读
前言: 使用过 vue-cli 3.x 的同学应该明白目前 vue-cli 3.x 已经对 typescript 有了很好的支持， 可以很基于 vue-cli 3.x 很方便地创建 vue + typescript 项目，但是具体操作以及常见的开发痛点文档中并没有做过多介绍。其中还是有不少坑的，本文就是基于自身使用给大家做一个关于 vue + typescript 项目基础创建的分享。基于 vue
转载
2023-10-27 15:28:02
83阅读
来让我们看一下 TypeScript 中的函数 1. 箭头函数let fn = () => console.log('fn');
type TFn = (s: number, b: number) => void;
let fnn:Fn = function (a: number, b: number){
}2. 参数类型和返回类型函数的参数类型 可以按照普通数据类型加注
转载
2023-11-20 14:35:10
144阅读
Vue对TS的支持一致不太好，连Vue作者尤大也自嘲真香压错了宝。期待Vue3.0会用TS重构且会有较大改进。不过目前有一些第三方的库可以曲线优化对TS的支持。主要就介绍下过下面两个库来写Vue。总体体验尚可，类型检查，智能提示该有的都有，顺滑中带着一丝蹩脚。如果要支持组件Props的类型检查及智能提示，则必须放弃template通过render写TSX, 总有种写React的感觉。
# 在Vue 3中实现TypeScript全局参数
在Vue 3中使用TypeScript进行开发，可以有效地提高代码的可维护性和安全性。在本篇文章中，我们将学习如何在Vue 3中实现全局参数（或全局状态）管理。这个过程可以用一系列清晰的步骤来进行。以下是我们将要遵循的步骤：
| 步骤 | 操作 |
|------|-------|
| 1 | 创建Vue 3项目并安装TypeScrip
# TypeScript 获取方法参数的详细指南
在现代开发中，TypeScript已成为一种流行的编程语言，其类型系统和强大的接口机制让开发者能够编写出更安全、更易维护的代码。其中一个常见需求就是获取方法的参数类型。在本篇文章中，我们将探讨如何在TypeScript中获取方法的参数。
## 整体流程
以下是获取方法参数的流程图示：
| 步骤 | 描述
原创
2024-09-25 05:38:36
68阅读
# 如何实现 TypeScript 方法参数装饰器
本文旨在教会你如何实现 TypeScript 的方法参数装饰器。装饰器是一种特殊类型的声明，可以附加到类、方法、属性或参数上。参数装饰器可以用来在方法参数被传入时添加附加的逻辑或信息。
## 流程概述
为帮助你更好地理解实现过程，以下是步骤的概述：
```mermaid
flowchart TD
A[开始] --> B[定义参数装
原创
2024-10-03 04:30:41
46阅读
Vue3 中使用 TypeScript像 TypeScript 这样的类型系统可以在编译时通过静态分析检测出很多常见错误。这减少了生产环境中的运行时错误，也让我们在重构大型项目的时候更有信心。通过 IDE 中基于类型的自动补全，TypeScript 还改善了开发体验和效率。Vue 本身就是用 TypeScript 编写的，并对 TypeScript 提供了头等的支持。所有的 Vue 官方库都提供了
转载
2023-08-01 21:13:08
1556阅读
我们在使用 TypeScript 开发应用程序时，常常需要处理方法参数的选填问题。不同于 JavaScript 的动态类型，TypeScript 的类型系统提供了更严格的控制，当处理可选参数时，如何设计函数的参数签名显得尤为重要。本文将从多个维度探讨如何有效地解决 TypeScript 方法参数选填的问题，这包括背景定位、参数解析、调试步骤、性能调优、排错指南以及生态扩展。
## 背景定位
在
TypeScript可以理解为是JavaScript的一个超集，也就是说涵盖了所有JavaScript的功能，并在之上有着自己独特的语法。 最近的一个新项目开始了TS的踩坑之旅，现分享一些可以借鉴的套路给大家。为什么选择TS作为巨硬公司出品的一个静态强类型编译型语言，该语言已经出现了几年的时间了，相信在社区的维护下，已经是一门很稳定的语言。 我们知道，JavaScript是一门动态弱类型解释型脚本
typeScript的函数是在es6的函数特性的基础上加了一些后端的概念：泛型、参数类型声明、返回值类型声明、重载、装饰器等。其他的一些特性：箭头函数、生成器、async-await、promise等都是es6的加的特性。函数类型JavaScript的函数参数是可以任何类型的，typeScript中加了对参数提添加类型，函数本身添加返回值类型。function greetNane(name: st
转载
2023-06-30 09:32:44
191阅读
一. 定义函数需要注意的是：声明（定义）函数必须加 function 关键字；函数名与变量名一样，命名规则按照标识符规则；函数参数可有可无，多个参数之间用逗号隔开；每个参数参数由名字与类型组成，之间用分号隔开；函数的返回值可有可无，没有时，返回类型为 void；大括号中是函数体。二. TypeScript语言中的函数参数TypeScript的函数参数是比较灵活的，它不像那些早起出现的传统语言那么死
转载
2023-09-04 22:51:39
261阅读
1、使用 webpack-simple 模板，没有vue-router的中间件，不需要路由时推荐使用，同时 webpack-simple 没有格式的检测，新建项目vue init webpack-simple然后再 npm install 初始化在新建的项目的src目录下新建一个目录（components）目录下存放自定义组件组件封装好后在组件目录（components）下新建一个index.js
转载
2024-05-30 22:23:17
114阅读
在这篇博文中，我将探讨如何在 **TypeScript Vue 3** 中实现全局方法的配置，以便更有效地组织和管理代码。在这个过程中，我会涵盖版本对比、迁移指南、兼容性处理、实战案例、排错指南和生态扩展等主题，希望能为开发者提供清晰的指引。
### 版本对比
在引入全局方法之前，我们需要了解 Vue 3 的版本变更及其对 TypeScript 的支持情况。Vue 3 引入了 Composit
# Vue 3 + TypeScript 全局方法实现指南
在 Vue 3 中使用 TypeScript，我们可以通过创建全局方法来方便地访问一些常用的功能，例如格式化日期、打印日志等。这个实现过程可以分为几个步骤。以下是一个简单的流程图，以及每个步骤的详细说明。
## 流程图
```mermaid
journey
title Vue 3 + TypeScript 全局方法实现流程
前言在vue 2.x版本中，vue无法对数组的增加、删除等操作进行检测并派发视图更新。同理，对于已创建对象实例的属性增加、删除操作也会无法达到监听的目的，虽然对于诸如此类问题都有如$set、数组重构、主动通知vue更新等相应的解决办法。但是对于其产生原理，则需要从vue的响应式实现方式谈起。响应式原理在vue 2.x版本中，针对每一个对象的属性，都是采用的Object.defineProperty
转载
2024-07-07 10:44:58
127阅读
TypeScript基础入门 - 接口 - 函数类型项目实践仓库https://github.com/durban89/typescript_demo.git
tag: 1.0.10为了保证后面的学习演示需要安装下ts-node，这样后面的每个操作都能直接运行看到输出的结果。npm install -D ts-node后面自己在练习的时候可以这样使用npx ts-node src/learn_ba
转载
2024-05-16 22:46:10
89阅读
