ICode9

精准搜索请尝试: 精确搜索
  • vue如何使用TypeScript语法2020-09-24 11:35:08

    前言 已经用TS写了半年了多了,然后总结下如何如何在vue项目中使用ts吧,好复习 主要内容包含:组件,axios请求,vuex,父子组件传值,Mixins等。 vue中常用功能点代码用js/ts写法分开书写,这样会好区别和理解   一、新建项目 vue create vue-ts-admin 按步骤开始安装,安装过程中选择TypeScri

  • TypeScript 与 JavaScript 的区别2020-09-21 22:34:47

    TypeScriptJavaScript JavaScript 的超集用于解决大型项目的代码复杂性 一种脚本语言,用于创建动态网页 可以在编译期间发现并纠正错误 作为一种解释型语言,只能在运行时发现错误 强类型,支持静态和动态类型 弱类型,没有静态类型选项 最终被编译成 JavaScript 代码,使浏览器

  • 获取 TypeScript2020-09-21 22:34:28

    1.安装 TypeScript $ npm install -g typescript 2.验证 TypeScript $ tsc -v # Version 4.0.2 3.编译 TypeScript 文件 $ tsc helloworld.ts # helloworld.ts => helloworld.js   

  • typescript学习记录-联合类型(14)2020-09-21 18:01:13

    TypeScript 联合类型 联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。 注意:只能赋值指定的类型,如果赋值其它类型就会报错。 创建联合类型的语法格式如下: Type1|Type2|Type3事例1: var val:string|number val = 12 console.log("数字为 "

  • 在 React 中使用 hooks 与 TypeScript2020-09-20 12:00:22

    在 React 中使用 hooks 与 TypeScript 本文写于 2020 年 9 月 20 日 函数组件与 TS 对于 Hooks 来说是不支持使用 class 组件的。 如何在函数组件中使用 TS 呢? 首先定然是函数的类型,我们需要告诉 TS,这个函数他是个 React 组件。 如果是 JavaScript,我们会这么写函数组件: import Rea

  • TypeScript 装饰器2020-09-17 12:00:21

    1. .装饰器的概念   · 装饰器是一种特殊类型的声明,它能够被附加到类的声明,方法,访问符,属性或参数上;   · 装饰器使用 @expression 这种形式,expression求值后必须为一个函数;   · 它会在运行时被调用,被装饰的声明信息做为参数传入。   · 装饰器执行时机是在代码编译时发

  • 一个有效的Javascript项目也是一个有效的TypeScript项目只是添加了静态类型2020-09-17 06:31:24

    TypeScript 是Javascript的超集;一个有效的Javascript项目也是一个有效的TypeScript项目只是添加了静态类型。编译器也可以作为ES2015+到当前实现的转译器,这样你总是能得到最新的特性。   不同于其他语言,TypeScript保持了Javascript完整的精神,只是此外添加了增加代码可靠性的功能

  • “类型思维”之Typescript,你掌握了吗?2020-09-10 13:03:00

    (一)背景 JavaScript是一门动态弱类型语言 对变量的类型非常宽容 而且不会在这些变量和它们的调用者之间建立结构化的契约。 试想有这么几个场景:   1: 你调用一个别人写的函数,但是这个人没有写注释,为了搞清楚参数类型,只能去看里面的逻辑 2: 为了保证代码的健壮性,你需要对一个函数

  • 开始使用 TypeScript 和 React2020-09-09 14:31:26

    原文地址:Getting started with TypeScript and React 原文作者:Jack_Franklin 译者:luxj 校对者:veizz Tom Dale 和其他人有一些关于 TypeScript 比较好的博文,跟随这些博文,我最近开始使用 TypeScript。今天,我将展示如何从零开始建立一个 TypeScript 工程,以及如何使用 Webp

  • typescript详解2020-09-01 07:32:35

    // // ts中 // // number 是数字类型 // // string 是字符串类型 // // boolean 是布尔类型 // // null 和 undefined 是所有类型的子类型 // let num: number = 1 // num = null // num = undefined // console.log(num) // // 数组 // let arr: string[] = ['1', '2'] // let

  • typescript学习记录-介绍与环境2020-08-31 14:31:19

    TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。 语言特性 TypeScript 是一种给 JavaScript 添加特性

  • TypeScript之多方法执行方案2020-08-28 07:02:17

    一, 情景 ①,A,B,C,D四个方法都执行完毕之后再执行E方法②,A,B,C,D四个方法有其中任意一个执行完毕后再执行E方法 注意: A、B,C,D 可以是普通方法, 也可以是异步方法 ,可以带参数, 也可以没有参数 二,解决方案 ①,BaseMultiFunctionExecute.ts (对方法执行基类) /** * 多方法执行基类 * @author

  • Typescript 中的 interface 和 type 到底有什么区别2020-08-19 17:33:27

    来自:https://juejin.im/post/6844903749501059085 interface VS type 大家使用 typescript 总会使用到 interface 和 type,官方规范 稍微说了下两者的区别 An interface can be named in an extends or implements clause, but a type alias for an object type literal cannot

  • TypeScript初识之枚举类型2020-08-18 17:02:33

    一、什么是弱类型语言?强类型语言? 强类型是指不允许隐式变量类型转换,弱类型则允许隐式类型转换。 换句话说: 强类型语言,当你定义一个变量是某个类型,如果不经过代码显式转换(强制转化)过,它就永远都是这个类型,如果把它当做其他类型来用,就会报错 弱类型语言,你想把这个变量当做什么类型来

  • TypeScript 装饰器顺序2020-08-17 08:31:22

    import 'reflect-metadata'; function showData(target: typeof User) { for (let key in target.prototype) { const data = Reflect.getMetadata('data', target.prototype, key); console.log(data); // 这里能拿到数据,说明方法上的装饰器优先于类装饰器 }

  • Runoob-TypeScript:TypeScript 接口2020-08-16 19:00:17

    ylbtech-Runoob-TypeScript:TypeScript 接口   1.返回顶部 1、 TypeScript 接口 接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。 TypeScript 接口定义

  • 在 Vue 中使用 Typescript2020-08-13 08:33:59

    前言   恕我直言,用 Typescript 写 Vue 真的很难受,Vue 对 ts 的支持一般,如非万不得已还是别在 Vue 里边用吧,不过听说 Vue3 会增强对 ts 的支持,正式登场之前还是期待一下吧嘻嘻。   本篇不会过多讲述 ts 语法,着重记录下 在 Vue 中使用 ts 的方法以及踩坑经过。   如果是使用 V

  • TypeScript reflect-metadata 库2020-08-13 08:32:18

    reflect-metadata 是一个库,这个库可以帮助我们在类上面或者类的属性上面去存储一些数据,并且方便的数据获取 安装这个库 npm install reflect-metadata --save   import 'reflect-metadata'; const user = { name: 'dell' } // 一、最基础的存储获取值的方式:存储一个 dat

  • cypress 在 typescript 项目中报错找不到 'tslib'2020-08-11 14:02:00

    原文链接:https://blog.jijian.link/2020-08-11/cypress-typescript-cannot-find-module-tslib/ cypress 在 typescript 项目运行报错如下: An unexpected error occurred Cannot find module 'tslib' Require stack: C:\...\Cypress\resources\app\packages\reporter\

  • TypeScript 在vue中定义全局类型2020-08-09 23:00:45

    全局类型定义 路径 src/types/store.d.ts /** * 定义全局的State在 store.d.ts文件中 */ // 单独的state,导出为单独的module使用 export interface LoginState { user: object } // 全部的state,导出 Vuex.Store时使用 export interface RootState { login: LoginState

  • TypeScript 方法装饰器2020-08-06 08:32:05

    /** * 装饰器永远是个方法,方法的装饰器,里面的三个参数是规定好的 * * @param target 普通方法 target 对应的是类的 prototype * 静态方法 target 对应的是类的构造函数 * * @param key 装饰方法的名字 * * @param descriptor */ function getNameDeco

  • typescript接口---interface2020-08-04 15:00:54

        假如我现在需要批量生产一批对象,这些对象有相同的属性,并且对应属性值的数据类型一致.该怎么去做?     在ts中,因为要检验数据类型,所以必须对每个变量进行规范,自然也提供了一种批量规范的功能.这个功能就是接口. 比如下图就是接口的使用: 结合上图我们对接口进行简

  • ECMAScript和JavaScript及TypeScript2020-07-30 19:35:18

    文章内容输出来源:拉勾教育大前端训练营 ECMAScript - 浏览器中的javascript指的是ES + Web提供的Api(dom bom) - node环境中javascript指的是ES + node提供的Api 作用域 全局作用域(公共作用域) 1. 在全局作用域中的函数,变量都是公用的.所有相同的变量名称重复命名都会冲突导致

  • 在Asp.net core程序中集成typescript2020-07-27 23:33:25

    今天试了下在Asp.net core中集成typescript,发现vs2019对typescript集成的支持还是非常友好的。本文在这里简单的介绍一下。 由于typescript文件是编译为js后作为静态文件发布的,因此首先需要启用静态文件浏览:     app.UseStaticFiles(); 在WWWRoot文件夹下添加ts文件:    此

  • typeScript学习笔记-012020-07-22 14:00:45

    数据类型 //**基础数据类型**/  //1.字符串类型 let email:string="22" console.log(email) //模板字符串 let msg:string=`my email is ${email}` console.log(msg) //2布尔 let isshow:boolean=false; //3数字 let age:number=20 // age="19"  如果下面给age赋值

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有