当前位置： 首页 > news >正文

1.初识typescript

news 2026/4/6 2:59:30

在很多地方的示例代码中使用的都是ts而不是js，为了使用那些示例，学习ts还是有必要的

JS有的TS都有，JS与TS的关系很像css与less

ts在运行前需要先编译为js，浏览器不能直接运行ts

目录

1  编译TS的工具包

1.1  安装

1.2  基本使用

2  可以直接在node上运行ts

2.1  安装

2.2  使用

3  变量类型

4  基本使用

5  常用类型

6  原始类型的注解基本使用

1  编译TS的工具包

1.1  安装

  • -g是全局安装，所以目录无所谓

可以通过 tsc -v 查看typescript的版本

1.2  基本使用

就是创建一个普通的文件，然后最后是尾缀是ts就行。由于js的东西在ts中全都能用，我们这里直接写js代码

之后我们在ts代码的路径中输入 tsc [ts文件名] 就可以得到转换好的css

2  可以直接在node上运行ts

原理上还是先把ts搞成js然后再运行js

2.1  安装

2.2  使用

3  变量类型

typescript以type命名，自然在类型会有所考究，我们在js中可以进行变量类型的转换

在typescript中，变量类型的转换是不被允许的

4  基本使用

我们可以通过类型注解对变量的类型进行约束，这个就很像C语音的变量声明方式，我们下面做个例子

下面就是将a约束为数字类型

约束的时候不能类型不符，比如下面这样

5  常用类型

ts中的类型包含js的类型与ts新增的类型

js已有的常用类型有

  • number
  • string
  • boolean
  • null
  • undefined
  • symbol
  • object

ts新增的常用类型有

  • 联合类型
  • 自定义类型（类型别名）
  • 接口
  • 元组
  • 字面量类型
  • 枚举
  • void
  • any

6  原始类型的注解基本使用

数组，对象，函数这些都属于object，在ts中可以对object的子项进行细化 

相关文章：

1.初识typescript

在很多地方的示例代码中使用的都是ts而不是js，为了使用那些示例，学习ts还是有必要的 JS有的TS都有，JS与TS的关系很像css与less ts在运行前需要先编译为js，浏览器不能直接运行ts 目录 1 编译TS的工具包 1.1 安装 1.2 基本…...

编程日记 2023/8/6 0:33:41

iPhone 6透明屏是什么？原理、特点、优势

iPhone 6透明屏是一种特殊的屏幕技术，它能够使手机屏幕变得透明，让用户能够透过屏幕看到手机背后的物体。 这种技术在科幻电影中经常出现，给人一种未来科技的感觉。下面将介绍iPhone 6透明屏的原理、特点以及可能的应用。 iPhone 6透明屏的原…...

编程日记 2023/8/6 0:32:34

prometheus+grafana进行服务器资源监控

在性能测试中，服务器资源是值得关注一项内容，目前，市面上已经有很多的服务器资 源监控方法和各种不同的监控工具，方便在各个项目中使用。 但是，在性能测试中，究竟哪些指标值得被关注呢？ 监控有…...

编程日记 2023/8/6 0:31:33

EventBus 开源库学习（三）

源码细节阅读 上一节根据EventBus的使用流程把实现源码大体梳理了一遍，因为精力有限，所以看源码都是根据实现过程把基本流程看下，中间实现细节先忽略，否则越看越深不容易把握大体思路，这节把一些细节的部分再看看。 …...

编程日记 2023/8/6 0:30:28

zjzcyList.stream().map(Pb_zjzcy::getZjid).collect(Collectors.toList())； 解释一下

zjzcyList.stream().map(Pb_zjzcy::getZjid).collect(Collectors.toList()); 解释一下 这段代码是使用Java 8的流式处理（Stream）对一个存储了对象的列表（zjzcyList）进行操作，并最终返回一个包含了列表中每个对象的Zji…...

编程日记 2023/8/6 0:29:25

车载总线系列——J1939 二

车载总线系列——J1939 二 我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。 老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师： 没有人关注你。也无需有人关注你。你必须承认自己的价值，你不能站…...

编程日记 2023/8/6 0:28:24

【C#学习笔记】引用类型(2)

文章目录 ObjectEqualsGetTypeToStringGetHashCode string逐字文本复合格式字符串字符串内插 StringBuilderStringBuilder 的工作原理StringBuilder提供的方法访问字符迭代字符查询字符 dynamic Object 支持 .NET 类层次结构中的所有类，并为派生类提供低级别服务。…...

编程日记 2023/8/6 0:27:23

【Rust 基础篇】Rust类函数宏：代码生成的魔法

导言 Rust是一门现代的、安全的系统级编程语言，它提供了丰富的元编程特性，其中类函数宏（Function-Like Macros）是其中之一。类函数宏允许开发者创建类似函数调用的宏，并在编译期间对代码进行生成和转换。在本篇博客中…...

编程日记 2023/8/6 0:26:22

Spring-1-透彻理解Spring XML的Bean创建--IOC

学习目标 上一篇文章我们介绍了什么是Spring,以及Spring的一些核心概念，并且快速快发一个Spring项目，实现IOC和DI，今天具体来讲解IOC 能够说出IOC的基础配置和Bean作用域 了解Bean的生命周期 能够说出Bean的实例化方式 一、Bean的基础配置 …...

编程日记 2023/8/6 0:25:20

【JAVA】类和对象

作者主页：paper jie的博客 本文作者：大家好，我是paper jie，感谢你阅读本文，欢迎一建三连哦。 本文录入于《JAVASE语法系列》专栏，本专栏是针对于大学生，编程小白精心打造的。笔者用重金(时间和精…...

编程日记 2023/8/6 0:24:19

jenkins准备

回到目录 jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具，主要用于持续、自动的构建/测试软件项目、监控外部任务的运行。Jenkins用Java语言编写，可在Tomcat等流行的servlet容器中运行，也可独立运行。通常与版本管理工具(SCM)、构…...

编程日记 2023/8/6 0:23:16

【Rust】Rust学习

文档：Rust 程序设计语言 - Rust 程序设计语言 简体中文版 (bootcss.com) 墙裂推荐这个文档 第一章入门 入门指南 - Rust 程序设计语言 简体中文版 第二章猜猜看游戏 猜猜看游戏教程 - Rust 程序设计语言 简体中文版 (bootcss.com) // 导入库 use std::io; use s…...

编程日记 2023/8/6 0:22:15

Linux 常用命令之配置环境变量 PATH

PATH是系统环境变量中的一种&#xff0c;同时将一些二进制文件的绝对路径追加进去&#xff0c;则在系统终端中可以发现这些路径下的文件。 一. 环境变量设置 export PATH<二进制文件的绝对路径>:$PATH 以下为结合实际例子的操作 1、临时设置 打开一个终端执行如下命令 e…...

编程日记 2023/8/6 0:21:13

flask-----蓝图

1.引入蓝图 flask都写在一个文件中&#xff0c;项目这样肯定不行&#xff0c;会导致循环导入的问题&#xff0c;分目录&#xff0c;分包&#xff0c;使用蓝图划分目录。 2.使用蓝图 步骤如下&#xff1a; -1 实例化得到一个蓝图对象-order_blueBlueprint(order,__name__,tem…...

编程日记 2023/8/6 0:20:11

学习左耳听风栏目90天——第一天 1-90（学习左耳朵耗子的工匠精神，对技术的热爱）【洞悉技术的本质，享受科技的乐趣】

洞悉技术的本质&#xff0c;享受科技的乐趣 第一篇&#xff0c;我的感受就是 耗叔是一个热爱技术&#xff0c;可以通过代码找到快乐的技术人。 作为it从业者&#xff0c;我们如何可以通过代码找到快乐呢&#xff1f;这是一个问题&#xff1f; 至少目前&#xff0c;我还没有这种…...

编程日记 2023/8/6 0:19:08

后端登录安全的一种思路

PS:作者是小白能接触到的就只会这样写。勿喷。 前提 思路: 结合io流将登录token存储到配置文件中,不将token存储到浏览器端&#xff0c;从而避免盗取。 下面jwt的学习可以参考下这个: JWT --- 入门学习_本郡主是喵的博客-CSDN博客 JWT工具类 Component public class JWTtU…...

编程日记 2023/8/6 0:18:07

【深度学习_TensorFlow】激活函数

写在前面 上篇文章我们了解到感知机使用的阶跃函数和符号函数&#xff0c;它们都是非连续&#xff0c;导数为0的函数&#xff1a; 建议回顾上篇文章&#xff0c;本篇文章将介绍神经网络中的常见激活函数&#xff0c;这些函数都是平滑可导的&#xff0c;适合于梯度下降算法。 写…...

编程日记 2023/8/6 0:17:04

机器学习笔记之优化算法(七)线搜索方法(步长角度；非精确搜索；Wolfe Condition)

机器学习笔记之优化算法——线搜索方法[步长角度&#xff0c;非精确搜索&#xff0c;Wolfe Condition] 引言回顾&#xff1a; Armijo \text{Armijo} Armijo准则及其弊端 Glodstein \text{Glodstein} Glodstein准则及其弊端 Wolfe Condition \text{Wolfe Condition} Wolfe Condi…...

编程日记 2023/8/6 0:16:00

十四.redis哨兵模式

redis哨兵模式 1.概述2.测试3.哨兵模式优缺点 redis哨兵模式基础是主从复制 1.概述 主从切换的技术方法&#xff1a;当主节点服务器宕机后&#xff0c;需要手动把一台从服务器切换为主服务器&#xff0c;这就需要人工干预&#xff0c;费时费力&#xff0c;还会造成一段时间内服…...

编程日记 2023/8/6 0:14:56

采用UWB技术开发的智慧工厂人员定位系统源码【UWB定位基站、卡牌】

UWB (ULTRA WIDE BAND, UWB) 技术是一种无线载波通讯技术&#xff0c;它不采用正弦载波&#xff0c;而是利用纳秒级的非正弦波窄脉冲传输数据&#xff0c;因此其所占的频谱范围很宽。UWB定位系统依托在移动通信&#xff0c;雷达&#xff0c;微波电路&#xff0c;云计算与大数据…...

编程日记 2023/8/6 0:13:54

新手必看：用Wireshark分析CTF流量包的5个实战技巧（附BUUCTF真题解析）

新手必看&#xff1a;用Wireshark分析CTF流量包的5个实战技巧&#xff08;附BUUCTF真题解析&#xff09; 当你第一次打开一个陌生的pcap文件时&#xff0c;面对密密麻麻的数据包列表&#xff0c;是不是感觉无从下手&#xff1f;作为CTF比赛中最常见的题型之一&#xff0c;流量分…...

编程新知 2026/4/6 2:44:30

告别命令行！用C#和FFMpegCore给你的视频批量加水印和转码

用C#和FFMpegCore打造企业级视频处理流水线 每次看到团队里的小伙伴手动用FFmpeg命令行处理上百个视频文件时&#xff0c;我都忍不住想——这简直是在浪费生命。作为经历过这种痛苦的技术负责人&#xff0c;我深知自动化视频处理对于内容团队的重要性。今天&#xff0c;我将分享…...

编程新知 2026/4/6 2:04:15

实现堆和用堆实现排序数组

什么是堆 就是完全二叉树 前h-1层都是满的 最后一层可以不满&#xff0c;但从左到右必须连续。 逻辑上是链 物理上是数组 首先&#xff0c;实现堆 一、定义一个结构体&#xff0c;用来存3个值 a就是的数组地址 size是有效元素的个数 capacity是总容量&#xff0c;size…...

编程新知 2026/4/6 1:33:48

002、零基础搭建你的第一个AI开发环境

昨天帮隔壁组实习生看代码&#xff0c;小伙子对着屏幕发愁&#xff1a;“环境都跑不起来&#xff0c;一训练就报cuda版本不匹配。”我凑过去一看&#xff0c;好家伙&#xff0c;系统里装了三个Python版本&#xff0c;conda环境混着pip装&#xff0c;torch版本和cuda差了两位小数…...

编程新知 2026/4/6 1:01:32

Matlab代码源码实现：复杂环境下的非饱和非均质土坡三维稳定性分析极限研究

Matlab代码源码实现&#xff1a;复杂条件下非饱和非均质土坡三维稳定性极限分析MATLAB 代码的功能介绍文章&#xff0c;涵盖了代码的整体目标、结构、功能模块及其在工程与科研中的应用价值。一、项目背景与研究目标 本 MATLAB 程序集旨在实现 复杂条件下非饱和非均质土坡的三维…...

编程新知 2026/4/6 0:45:21

ESP32 PSRAM容器库：STL容器外扩至外部伪静态RAM

1. PSRAM Containers 项目概述PSRAM Containers 是一个面向 ESP32 平台的嵌入式 C 内存容器库&#xff0c;其核心目标是将标准 STL 容器&#xff08;如std::vector、std::deque、std::list、std::map等&#xff09;的功能完整迁移至外部伪静态 RAM&#xff08;Pseudo-Static RA…...

编程新知 2026/4/6 0:30:57

到底什么是 TCP 连接：从三次握手到四次挥手，从数据结构到状态机

到底什么是 TCP 连接&#xff1a;从三次握手到四次挥手&#xff0c;从数据结构到状态机01. 前言&#xff1a;每天都在用&#xff0c;却说不清它是什么02. 一句话定义03. TCP 连接不是物理的&#xff0c;而是逻辑的04. TCP 连接的核心标识&#xff1a;四元组05. TCP 连接在内核中…...

编程新知 2026/4/5 23:58:23

07_微服务划分与团队人数之渐进式拆分与团队演进

微服务划分与团队人数之渐进式拆分与团队演进 体系内容 演进方法：单体优先、边界识别、服务化拆分、平台能力沉淀 组织演进：小团队、部落-小队、平台团队、架构治理机制 Spring Cloud Alibaba 路线：Nacos、Gateway、Sentinel、RocketMQ、Seata 逐步引入 决策重点：什么时候…...

编程新知 2026/4/5 23:09:27

03_Neo4j知识体系之5.x与2026.x新特性和版本演进

03_Neo4j知识体系之5.x与2026.x新特性和版本演进 体系 版本演进层&#xff1a;Neo4j 5.x LTS、2025/2026 日历化版本、Cypher 5 与 Cypher 25、Autonomous Clustering、Ops Manager、Vector Indexes、AI 能力关联能力&#xff1a;与升级迁移路径、集群扩容、Fabric 联邦查询、差…...

编程新知 2026/4/5 23:05:24

利用drawio高效绘制数据库ER图：从入门到精通

1. 为什么选择drawio绘制数据库ER图 第一次接触数据库设计时&#xff0c;我被各种专业工具的价格和复杂度吓退了。直到发现drawio这个宝藏工具&#xff0c;才真正体会到什么叫"用最简单的工具做专业的事"。作为一款完全免费的跨平台工具&#xff0c;drawio不仅支持网…...

编程新知 2026/4/5 22:28:59