TypeScirpt组件化实现弹窗播放器原视频教程链接：https://www.imooc.com/video/21619源码地址：https://github.com/Elylicery/Front-end-Demo/tree/master/%5Bts%5DTypeScript%E5%B0%81%E8%A3%85%E6%92%AD%E6%94%BE%E5%99%A8%E7%BB%84%E4%BB
TypeScript基础入门 - 接口 - 继承接口项目实践仓库https://github.com/durban89/typescript_demo.git
tag: 1.0.13为了保证后面的学习演示需要安装下ts-node，这样后面的每个操作都能直接运行看到输出的结果。npm install -D ts-node后面自己在练习的时候可以这样使用npx ts-node src/lea
转载
2024-09-13 15:38:08
97阅读
多页面项目webpack打包实践
导语 在最近的项目开发中，涉及到了多页面的 webpack 打包，以下是我项目过程中的一些踩坑总结。
前言 项目使用了 vue 作为框架来开发前端页面，其中需要开发多个前端页面，包括有登录、进游戏、充值等等。作为vue最佳的打包工具—— we
# 实现 "typescript 对象字段有多个类型"
## 介绍
在TypeScript中，可以使用多种方法来实现对象字段拥有多个类型。这可以通过使用联合类型、交叉类型和类型断言来实现。本文将为你详细介绍每个步骤，带你一起完成这个任务。
## 步骤
| 步骤 | 描述 |
| ---- | ---- |
| 步骤1 | 定义一个对象类型 |
| 步骤2 | 使用联合类型实现多个类型 |
|
原创
2023-11-08 04:41:12
182阅读
# 前端打包避免 TypeScript 类型检查的实现指南
在现代前端开发中，TypeScript 已经成为一种非常流行的语言，它为 JavaScript 添加了类型安全。然而，有时在开发过程中的某些阶段，我们可能希望在打包时跳过 TypeScript 的类型检查，以提高构建速度。在这篇文章中，我将向你展示如何实现“前端打包避免 TypeScript 类型检查”的流程，并逐步指导你完成每一步。
1.对象的类型在typescript中，我们定义对象的方式要用关键字interface（接口），使用interface来定义一种约束，让数据的结构满足约束的格式。定义方式如下：1.使用接口约束的时候不能多一个属性也不能少一个属性,必须与接口保持一致interface Person {
b:string,
a:string
}
const person:Person = {
转载
2023-08-20 21:50:20
201阅读
文章目录前端打包部署前端打包了解开发环境、生产环境，修改生产环境的配置运行命令进行打包前端部署nginx部署宝塔部署宝塔安装软件安装网站部署后端打包部署后端打包修改生产环境配置pom文件修改父工程的pom文件子工程的pom文件打包后端部署普通部署运行jar包停止jar包运行宝塔部署软件安装jar包部署停止jar包执行 前端打包部署前端项目为vue项目，使用vue admin template作为
转载
2023-10-27 09:15:54
216阅读
上一文已经写了es5，es6等类的定义，所以本章主要写es5和es6的继承，由于es6的继承和ts的继承如出一辙，只是加了类型定义而已，所以ts的继承稍微写下，不会太详细。 文章目录es5继承原型链继承构造函数继承组合继承es6继承ts继承 es5继承原型链继承所谓原型链继承，就是将一个实例对象挂载到另一个原型上。即继承对象的prototype = new 实例化的对象// 声明一个Parent构
转载
2023-11-27 22:50:19
235阅读
前言最初发现有这玩意是在styledcomponents的声明中，很神奇的写了个is。后来翻阅官方文档后发现，除了is是谓词签名外，还有assert断言签名。官方文档对于这种东西讲解，最好的方法就是先甩个官方文档。文档：https://www.typescriptlang.org/docs/handbook/release-notes/overview.html
看一下官方给的例子：functio
转载
2024-10-25 12:41:59
20阅读
typescript基本类型学习笔记。一. 布尔值 boolean。 取值为true/false二. 数字在JavaScript 中整数和浮点数都属于 Number 数据类型。TypeScript里的number类型包括整数和浮点数。 除了支持十进制和十六进制字面量，TypeScript还支持ECMAScript 2015（ES6）中引入的二进制和八进制字面量。let decL
转载
2024-03-04 11:17:34
48阅读
TypeScript类型系统的进阶技巧，能够编写出类型安全且灵活...
# 前端typescript
## 什么是前端typescript
前端是指网站和网页应用程序的用户界面部分。而TypeScript是一种由微软开发的开源编程语言，它是JavaScript的超集，可以在任何支持JavaScript的地方运行。前端TypeScript就是在前端开发中使用TypeScript语言进行编码的方式。
TypeScript通过引入静态类型，增加了代码的可读性和可维护性
原创
2024-03-02 04:56:43
88阅读
t
原创
2023-02-12 05:14:26
79阅读
原创
2022-08-07 00:06:47
78阅读
一、TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几
转载
2023-10-28 14:04:53
170阅读
在很多情况下，TypeScript 会根据上下文环境自动推断出变量的类型，无须我们再写明类型注解。例如：let str = 'string'
let num = 1
let bool = true
// 两个块级作用域
const str = 'string'
const num = 1
const bool = true但是这两个示例不完全等价，你可以在 VsCode 中将鼠标 hover
转载
2023-09-04 17:21:30
67阅读
目录1.Partial 转化可选属性 (?)2.Required 转化必填属性 (-?)3.Readonly 转化仅读属性 (readonly)Mutate(非内置，与 Readonly 相对) (-readonly)4.Pick 挑选所需的属性5.Omit 忽略属性在前几章的笔记中，了解了以下几种内置类型：条件类型相关：Exclude 排除类型(差集)，Extract 抽取类型(交集)，NoNu
转载
2023-07-26 21:57:16
245阅读
TypeScript 类面向对象是一种对现实世界理解和抽象的方法。TypeScript 是一种面向对象的编程语言，支持基于类的面向对象编程。面向对象主要有两个概念：对象和类。对象：对象是类的一个实例，有状态和行为。例如，一个student是一个对象，他的状态有：年纪、名字、性别；行为有：说话、上课等。
类：类是一个模板，它描述一类对象的行为和状态。
方法：方法是类的操作的实现步骤。类描述了所创建的
转载
2023-08-08 10:37:02
90阅读
1.概述
typeScript是JS的超集，TS提供了JS的所有功能，并且额外的增加了：类型系统。
*所有的JS代码都是TS代码。
*JS有类型（比如，number/string等），但是JS不会检查变量的类型是否发生变化。而TS会检查。
TypeScript类型系统的主要优势：可以显示标记出代码中的意外行为，从而降低了发生错误的可能性。
①类型注释
②常用基础类型
2.类型注解
示例代码：
le
转载
2023-08-04 23:57:35
100阅读
在 TypeScript 中,提供了以下基本数据类型：布尔类型(boolean)数字类型(number)字符串类型(string)数组类型(array)元祖类型(tuple)枚举类型(enum)任意值类型(any)
null和undefined
void类型
never类型其中元祖、枚举、任意值、void类型和never类型是TypeScript有别于 JavaScript 的特有类型。 在T
转载
2023-07-11 13:01:50
79阅读
