前言类型守卫用于获取变量类型信息，通常使用在条件块语句中。类型守卫是返回布尔值的常规函数，接受一个类型并告诉 TypeScript 是否可以缩小到更具体的类型。类型守卫具有唯一的属性，可以确保测试的值返回的是布尔值类型。TypeScript 使用了一些内置的 JavaScript 操作符（见下方），这些操作符用于确定一个对象是否包含属性。类型守卫可以让你 指导 TypeScript 编译器在特定的
转载
2023-08-13 22:18:02
214阅读
# Vite + TypeScript 引入 JavaScript 文件的指南
在现代前端开发中，Vite 已成为一种极受欢迎的构建工具，而 TypeScript 则为 JavaScript 提供了静态类型检查的功能。如果你正在使用 Vite 和 TypeScript 的组合进行开发，可能会遇到如何引入 JavaScript 文件的问题。在本文中，我们将探讨如何在 Vite 和 TypeScri
原创
2024-09-28 04:56:32
636阅读
# TypeScript 引入 JavaScript 的探索之旅
在现代前端开发中，TypeScript（TS）与JavaScript（JS）是紧密相连的。TypeScript 是一种 JavaScript 的超集，提供了类型系统和其他特性，使得开发更具可维护性和可读性。**本文将介绍如何在 TypeScript 中引入 JavaScript 代码，并通过示例来演示具体操作。**
## Typ
原创
2024-10-13 05:32:43
127阅读
typeScript 具有类型系统，而且是 javaScript 的超集；它可以编译成普通的 javaScript 代码；typeScript 支持任意的浏览器，支持任意环境、任意的系统，并且它是开源的。 typeScript 的安装 typeScript 的安装可以通过两种方式： 方式一：安装 visual studio code 的 typeScript 插件； 方
转载
2023-09-16 22:04:45
228阅读
# TypeScript中如何在HTML文件中引入JavaScript
随着现代前端开发的快速发展，TypeScript已经成为了许多开发者的首选语言。作为JavaScript的超集，TypeScript为传统JavaScript添加了类型系统和其他强大的功能。本篇文章将深入探讨如何在HTML中引入JavaScript文件，以及TypeScript在其中的作用。我们将通过示例、流程图和旅行图来帮
原创
2024-09-25 06:56:35
75阅读
ES新特性首先了解一下什么是ESES(ECMAScript)，具体背景什么的就不介绍了，需要记住ES是JS(JavaScript)的一种语法规范，换句话说，ES是JS的规范，JS是ES的一种实现ES只提供基本语法，所以只停留在语言层面ES2015(ES6)ES2015在2015年6月发布，后续简称ES6ES6主要为了解决以下四类问题1.解决原有语法不足或问题2.对原有语法进行增强3.全新的方法，对
什么是TypeScript？ TypeScript定义 TypeScript是流行的JavaScript编程语言的变体，它添加了一些对于企业开发很重要的关键功能。 特别是，TypeScript是强类型的 -程序员可以将变量和其他数据结构声明为特定类型，例如字符串或布尔值，并且TypeScript将检查其值的有效性。 这在松散类型的 JavaScript中是不可能的。 TypeScript强大的键
转载
2024-06-12 18:24:51
66阅读
1. TypeScript 介绍与初体验1.1 TypeScript 是什么TypeScript（简称：TS）是 JavaScript 的超集（JS 有的 TS 都有）。TypeScript = Type + JavaScript（在 JS 基础之上，为 JS 添加了类型支持）。TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行。1.2 TypeScr
转载
2023-11-02 08:32:54
72阅读
TypeScript安装npm install -g typescriptTypeScript介绍1.ts文件直接书写js语法代码，html文件可直接引用ts文件，谷歌浏览器
可直接使用
2.ts文件存在ts语法代码，需要编译ts文件->js文件，html引入js文件使用
3.ts文件函数形参，需要某个类型进行修改->js文件中无改修饰类型
4.ts文件let -> js文件va
转载
2023-12-09 16:32:05
315阅读
0、TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几
转载
2024-02-28 20:11:29
317阅读
typescript引入js或者json配置 根目录下的tsconfig.json添加配置： 完整配置如下：
转载
2020-01-19 11:01:00
747阅读
2评论
一、使用 Vite 创建项目npm init vite@latest
√ Project name: ... lagou-shop-admin
√ Select a framework: » vue
√ Select a variant: » vue-ts
Scaffolding project in C:\Users\lpz\Projects\lagou-shop-admin...
Don
转载
2024-05-13 09:40:16
76阅读
JavaScript:基本概念：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于浏览器客户端的脚本语言。组成部分ECMAScript，描述了该语言的语法和基本对象。文档对象模型(DOM)，描述处理网页内容的方法和接口。 浏览器对象模型(BOM)，描述与浏览器进行交互的方法和
转载
2024-05-31 14:08:03
20阅读
创建枚举的语法：enum 枚举名称 { 成员1, 成员2, … }示例：enum Gender { Female, Male }enum Player { X, O }约定枚举名称、成员名称以大写字母开头。多个成员之间使用逗号（,）分隔。注意：枚举中的成员，根据功能自己指定！注意：枚举中的成员不是键值对！使用枚举：枚举是一种类型，因此，可以其作为变量的类型注解。enum Gender { Fema
简单的泛型下面来创建第一个使用泛型的例子：identity 函数。 这个函数会返回任何传入它的值。 你可以把这个函数当成是echo命令。不用泛型的话，这个函数可能是下面这样：function identity(arg: number): number {
return arg;
}
或者，我们使用any类型来定义函数：
function identity(arg: any): any {
背景日常开发中，有不少常用且通用的js函数，为了方便后续的复用，提高开发效率，所以就搞了一个js函数库 tbl-js-libs；项目地址: https://github.com/YalongYan/js-libs,该项目是基于typescript实现的，大家可以基于该项目，或者参考该项目写法再另起一个项目，搭建属于自己的js函数库该函数库特性基于typescript， 类型声明、提示齐全，无缝接
转载
2023-11-20 04:27:28
85阅读
使用Typescript来写javascript
昨天偶然发现idea居然支持typescript了，于是打算尝试一下typescript，目前的感觉还不错，相比haxejs，它与angularjs之间的配合要流畅得多。与coffeescript的比较Typescript与Coffeescript都是对javascript的改进，但两者走的是不同路线。Coffees
转载
2024-07-30 13:20:32
22阅读
0、TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几
转载
2024-05-06 14:29:33
0阅读
一、初出茅庐 来个小Demo引入vuex 1.利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。npm install vuex --save新建一个vuex文件夹（这个不是必须的），并在文件夹下新建store.js文件，文件中引入我们的vue和vuex。import Vue from 'vue';
import Vuex from 'vuex';使用我们vuex，引
转载
2023-10-07 19:39:47
353阅读
如何引入三方js库的步骤和代码示例
## 引言
在开发过程中，我们经常会使用到各种三方js库来加快开发速度和提供更多功能。本文将介绍如何引入三方js库的步骤和相应的代码示例。
## 流程概述
引入三方js库的过程可以概括为以下三个步骤：
1. 下载或获取三方js库文件
2. 创建项目文件夹并引入三方js库文件
3. 在代码中使用三方js库
下面将详细介绍每个步骤以及相应的代码示例。
##
原创
2024-01-26 13:41:54
73阅读
