×

typescript

TypeScript的安装及简单使用

xchenhao xchenhao 发表于2024-04-21 浏览6004 评论0
前言 typescript是JavaScript的、带有类型的超集,并且能够编译为普通的JavaScript。它是一种建立在JavaScript上的编程语言,也是一种工具。它是一个强大的编译器,你可以在代码上运行,将typescript编译为JavaScript。 它为JavaScript添加新功能和优势。但是,typescript在JavaScript环境无法运行,浏览器无法执行类型脚本。 优点:类型检查;代码补全;易于维护;入门简单。它使编写干净的代码变得非常容易。 typescript

typescript

【Typescript入门手册】一篇文章速览常见类型

tk88ok tk88ok 发表于2024-04-21 浏览6807 评论0
🚀【TypeScript入门手册】记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts 🎉 本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉! 🙏 star本项目给作者一点鼓励吧 相信大家经常会问到为什么会有Ts,我该不该学习Ts,在知乎上这样的问题也会受到大家广泛的关注,而我的回答是,该去了解,因为了解Ts不会像我们学习英语那样“痛苦”,如果TypeScript能够解决你的问题,那就继续深入的学习吧,本系列的第一篇文章也不会有太深奥的理论,花一

typescript

搭建 TypeScript 环境 & TSC 命令的使用 & 配置 tsconfig 文件

aloha aloha 发表于2024-04-21 浏览8265 评论0
一、全局配置 TypeScript 环境 在学习 TS 之前,你需要先配置 TypeScript 环境: 先全局配置 node.js 环境(Node VSCode 如何配置使用 Node.js)。 再全局配置 TypeScript 环境。 1、查看 TS 版本 首先,需要检查电脑是否安装了 TS: tsc -v 若是已经安装了,通过此命令就能看到已装 ts 的版本。 2、全局安装 TS npm i -g typescript 然后,查看 ts 的版本,若是能

typescript

ts类型声明declare

任廷华 任廷华 发表于2024-04-21 浏览5765 评论0
类型声明declare 1、概览 1.1 declare是什么 前提:假如现在有一门用Typescript写的库,想供其他开发人员使用,有两种方式 方式1 打包ts源文件(供ts用户使用)和编译后的js文件(供js用户使用) 方式2 提供编译后的js文件和供ts用户使用的类型声明 后一种方式的优点:所占文件体积较小,十分明确该导入声明,并省去ts进一步编译的时间 类型声明定义: 万事并不总是如意,代码也不一定都有静态类型 类型声明文件的拓展名为 .d.ts, 是为无类型的js代码附加t

typescript

Pinia+Vue3使用案例及Pinia持久化存储

我爱你中国 我爱你中国 发表于2024-04-21 浏览7974 评论0
为什么要使用Pinia Pinia是Vue的一个存储库,它允许你跨组件/页面共享状态。 如果你熟悉Composition API,你可能会认为你已经可以通过一个简单的导出const state = reactive({})来共享一个全局状态。 这对于单页应用程序是正确的,但如果是服务器端呈现,则会暴露应用程序的安全漏洞。 但即使是在小的单页应用程序中,你也可以通过使用Pinia获得很多: 热模块替换 修改存储而无需重新加载页面 在开发过程中保持任何现有状态 使用插件扩展Pinia功能

typescript

Typescript面向对象---上篇

悠悠然 悠悠然 发表于2024-04-21 浏览4102 评论0
ts专栏 ===> 🌈 typescript入门到拔高🌈(持续更新中…) 面向对象介绍 面向对象是程序中一个非常重要的思想,它被很多同学理解成了一个比较难,比较深奥的问题,其实不然。面向对象很简单,简而言之就是程序之中所有的操作都需要通过对象来完成。 举例来说: 操作浏览器要使用window对象 操作网页要使用document对象 操作控制台要使用console对象 一切操作都要通过对象,也就是所谓的面向对象,那么对象到底是什么呢?这就要先说到程序是什

typescript

Vue 3系列之03——Vue 3使用TypeScript

冬时茗 冬时茗 发表于2024-04-21 浏览14313 评论0
随着应用规模的增长,越来越多的开发者认识到静态语言的好处。静态类型系统可以帮助防止许多潜在的运行时错误,这就是为什么Vue 3是用TypeScript编写的。这意味着在Vue应用开发中,使用TypeScript进行开发不需要任何其他工具。TypeScript在Vue 3世界中是一等公民。 有两种方式,可以实现在Vue 3应用中支持使用TypeScript。 1.   基于Vue 3 Preview创建的项目 如果是选择Vue 3模板“Vue 3

typescript

给数组添加元素的6个方法(给数组添加元素的6个方法是)

longhuahim longhuahim 发表于2024-04-21 浏览9903 评论0
给数组添加元素的6个方法 1. 使用 length 属性追加元素 使用length属性,可以在数组末尾后面添加一个元素 var arr = [1, 2, 3, 4, 5]; arr[length] = 6; console.log(arr); // [1, 2, 3, 4, 5, 6]; 2. 使用 push 方法追加元素 push()方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度 var arr = [1, 2, 3, 4, 5]; arr.push(6); c

typescript

TS篇—type 和 interface 的区别

IPASS IPASS 发表于2024-04-21 浏览7353 评论0
在 TS 中,type 和 interface相似,都可以给类型命名并通过该名字来引用表示的类型。不过它们之间是存在一些差别的,我们在使用时也需要注意一些特殊场景。 概念 type type关键字是声明类型别名的关键字。它的语法如下: type AliasName = Type; type:声明类型别名的关键字 AliasName:类型别名的名称 Type:类型别名关联的具体类型 interface 通过关键字 interface可以定义一个接口类型。它能合并众多类型声明

typescript

vue 3 项目实战一(绘制登录界面)(用vue做的登录界面)

浩满 浩满 发表于2024-04-21 浏览6196 评论0
目录 一、概述 二、创建vue项目 三、需求分析 四、构建组件 五、vue组件之间的通信 一、概述 本文记录了项目实现的详细步骤以及原理,十分适合初学vue的萌新练手,也是我阶段性学习的一个总结,可能会有些啰嗦,勿怪~。 先从登录界面开始,常规的登录界面不太好看,起不到复习巩固的作用,于是找到了下面这个  源码: https://codepen.io/ricardoolivaalonso/pen/YzyaRPNhttps://codepen.io/ricardooliv

typescript

【TypeScript】深入学习TypeScript命名空间

ohblue ohblue 发表于2024-04-20 浏览12792 评论0
👉 TypeScript学习:TypeScript从入门到精通👉 蓝桥杯真题解析:蓝桥杯Web国赛真题解析👉 个人简介:即将大三的学生,热爱前端,热爱生活🍬 👉 你的一键三连是我更新的最大动力❤️! 🏆分享博主自用牛客网🏆:一个非常全面的面试刷题求职网站,前端开发者必备的刷题网站,真的超级好用🍬 前言 最近博主一直在创作TypeScript的内容,所有的TypeScript文章都在我的TypeScript从入门到精通专栏里,每一篇文章都是精心打磨的优质好文,并且非常的全面