草庐IT

language-typescript

全部标签

安装typescript环境并开启VSCode自动监视编译ts文件为js文件

一、前言小编最近开始学习typescript,懂得人都知道,typescript是vue3的基础伴生,配合更加默契。就像vue2和js一样!typescript不像js那样浏览器直接可以解读,需要我们把ts文件编译成js文件,这样浏览器才可以解读。所以我们要安装一下ts的环境和自动编译,方便我们后续学习,不需要写完一个ts文件在手动编译!二、安装typescript环境必须要有node环境哈!win+R输入cmdnpminstall-gtypescript-g代表global全局安装查看版本tsc-v三、VSCode配置自动监视编译1.新建一个文件夹2.在终端打开3.初始化配置文件tsc--i

DDL-(Data Definition Language)

DDL(DataDefinitionLanguage):数据定义语言,用来定义数据库对象(数据库,表,字段)。数据库操作查询所有数据库showdatabases;查询当前数据库selectdatabase();创建数据库createdatabase[ifnotexists]数据库名[defaultcharset字符集][collate排序规则];/*例:创建一个study数据库,并且指定字符集*/createdatabaseifnotexistsstudydefaultcharsetutf8mb4;删除数据库dropdatabase[ifexists]数据库名;切换数据库use数据库名;表操作

DDL-(Data Definition Language)

DDL(DataDefinitionLanguage):数据定义语言,用来定义数据库对象(数据库,表,字段)。数据库操作查询所有数据库showdatabases;查询当前数据库selectdatabase();创建数据库createdatabase[ifnotexists]数据库名[defaultcharset字符集][collate排序规则];/*例:创建一个study数据库,并且指定字符集*/createdatabaseifnotexistsstudydefaultcharsetutf8mb4;删除数据库dropdatabase[ifexists]数据库名;切换数据库use数据库名;表操作

如何手动补充陈年老库(或纯 JS 代码)的 TypeScript 类型?

目录前置知识-JavaScript的各种模块化情况前置知识2-让你写的d.ts在工程中生效1.全局模块的定义2.ES模块的定义2.1.默认导出2.2.导出类2.3.注意事项3.CommonJS模块定义3.1.挨个导出3.2.默认导出4.声明类型(TypeScript中的interface或type)和其它4.1.type和interface4.2.全局变量(非namespace)4.3.补充功能这篇仅为自己工作中在js和ts交叉斗智斗勇的实践中留下的经验,不一定完全、合理,仅供参考,有错漏难免,有则评论区指出。前置知识-JavaScript的各种模块化情况全局模块,在globalThis上可以

如何手动补充陈年老库(或纯 JS 代码)的 TypeScript 类型?

目录前置知识-JavaScript的各种模块化情况前置知识2-让你写的d.ts在工程中生效1.全局模块的定义2.ES模块的定义2.1.默认导出2.2.导出类2.3.注意事项3.CommonJS模块定义3.1.挨个导出3.2.默认导出4.声明类型(TypeScript中的interface或type)和其它4.1.type和interface4.2.全局变量(非namespace)4.3.补充功能这篇仅为自己工作中在js和ts交叉斗智斗勇的实践中留下的经验,不一定完全、合理,仅供参考,有错漏难免,有则评论区指出。前置知识-JavaScript的各种模块化情况全局模块,在globalThis上可以

Vite + Vue2 + Vuetify2 + script setup + TypeScript 搭配开发项目

本文记录如何在Vue2环境下尽量使用Vue3的Composition-api并配合Vuetify2使用前言之前在改造一个用Vuetify2的项目,由于Vuetify3还处于beta阶段并且与Vuetify2相比缺失一些特性,但又想用Vue3的语法,于是寻找了下相关方案,下面简单记录一下。开始之前建议使用VSCode开发并安装以下插件且禁用Vetur:VueLanguageFeatures(Volar)TypeScriptVuePlugin(Volar)初始化使用npminit初始化项目添加所需依赖vue@2.6.14:指定2版本,不指定的话默认安装3版本vue-template-compile

Vite + Vue2 + Vuetify2 + script setup + TypeScript 搭配开发项目

本文记录如何在Vue2环境下尽量使用Vue3的Composition-api并配合Vuetify2使用前言之前在改造一个用Vuetify2的项目,由于Vuetify3还处于beta阶段并且与Vuetify2相比缺失一些特性,但又想用Vue3的语法,于是寻找了下相关方案,下面简单记录一下。开始之前建议使用VSCode开发并安装以下插件且禁用Vetur:VueLanguageFeatures(Volar)TypeScriptVuePlugin(Volar)初始化使用npminit初始化项目添加所需依赖vue@2.6.14:指定2版本,不指定的话默认安装3版本vue-template-compile

《Vue3.x+TypeScript实践指南》已出版

   转眼回长沙快2年了,图书本在去年就已经完稿,因为疫情,一直耽搁了,直到这个月才出版!疫情之下,众生皆苦!感觉每天都是吃饭、睡觉、上班、做核酸!  图书介绍  为了紧跟技术潮流,该书聚焦于当下火的Vue3和TypeScript及其相关技术,这些知识是面试Vue方向前端岗位时必须掌握的内容。该书站在初学者的视角,将理论和实践相结合,通过循序渐进、由浅入深的方式来一一讲解Vue3的技术体系,让读者在学习的过程中不断提升前端开发水平。阅读该书仅需要有CSS、HTML、JS基础,即使你是一个Vue初学者,阅读该书也不会有任何困难。书中提供了丰富的示例来帮助读者将理论知识运用于实践,让读者学习起来不

《Vue3.x+TypeScript实践指南》已出版

   转眼回长沙快2年了,图书本在去年就已经完稿,因为疫情,一直耽搁了,直到这个月才出版!疫情之下,众生皆苦!感觉每天都是吃饭、睡觉、上班、做核酸!  图书介绍  为了紧跟技术潮流,该书聚焦于当下火的Vue3和TypeScript及其相关技术,这些知识是面试Vue方向前端岗位时必须掌握的内容。该书站在初学者的视角,将理论和实践相结合,通过循序渐进、由浅入深的方式来一一讲解Vue3的技术体系,让读者在学习的过程中不断提升前端开发水平。阅读该书仅需要有CSS、HTML、JS基础,即使你是一个Vue初学者,阅读该书也不会有任何困难。书中提供了丰富的示例来帮助读者将理论知识运用于实践,让读者学习起来不

有关TypeScript感触集锦

1、接口1.对象中使用中括号是设置key的类型是字符串,冒号后面就是键值对的值;2.接口只是用来形容给进来的数据必须符合接口类型内容,所以不能赋值;exportdefaultinterfaceIBox{ a:number; b:string; [key:string]:number|string|boolen|null;}3.只读属性interfaceILable{lable:string;a?:number;readonlyb:number//只读}//使用functionfn1(obj:ILable){}functionfn2(o:ILable){o.lable="ss"}fn2({lab