ICode9

精准搜索请尝试: 精确搜索
  • Effective TypeScript All In One2022-06-17 23:36:28

    Effective TypeScript All In One 1st edition (November 12, 2019) https://effectivetypescript.com/ https://github.com/danvk/effective-typescript refs https://www.amazon.com/Effective-TypeScript-Specific-Ways-Improve/dp/1492053740 ©xgqfrms 2012-20

  • React + Typescript领域初学者的常见问题和技巧2022-06-17 20:00:40

    React + Typescript领域初学者的常见问题和技巧 创建一个联合类型的常量 Key const NAME = { HOGE: "hoge", FUGA: "fuga" } as const; keyof typeof NAME // => "HOGE" | "FUGA" 创建常量值的联合类型 typeof NAME[keyof typeof NAME] // => "hog

  • TypeScript 泛型(generic) 入门介绍2022-06-17 11:02:28

    TypeScript 泛型函数 下面来创建第一个使用泛型的例子:identity函数。这个函数会返回任何传入它的值。你可以把这个函数当成是echo命令。不用泛型的话,这个函数可能是下面这样: function identity(arg: number): number { return arg; } 或者,我们使用any类型来定义函数: functi

  • TypeScript 变量作用域2022-06-16 07:02:27

    TypeScript变量的作用域 TypeScript是微软开发的一种开源的编程语言,其通过在JavaScript的基础上添加静态类型构建而成。TypeScript是JavaScript的一个超集,通过TypeScript编译器或Babel可转译为JavaScript代码,亦可运行在任何浏览器之中。 TypeScript变量的作用域是指变量有效性的范

  • TypeScript中向window对象上添加属性或方法及报错解决2022-06-15 20:05:49

    JavaScript中定义使用全局属性或方法可以借助于window对象     在TypeScript中这么使用时,编译会报错且IDE编辑器语法检查也会报错提示     解决办法: eg:vue+TypeScript项目中,新增(.d.ts)声明性文件 eg:lib.dom.d.ts文件 声明:     此后在.ts文件或.js文件中就可以调用window

  • TypeScript Type Aliases vs Interfaces All In One2022-06-15 13:36:31

    TypeScript Type Aliases vs Interfaces All In One Differences Between Type Aliases and Interfaces https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#differences-between-type-aliases-and-interfaces refs https://www.typescriptlang.org/cheat

  • typescript 单例模式2022-06-07 10:03:33

    class Demo{ private static instance:Demo; public constructor(name:string){   console.log('name:',name) } public static getinstance(){ if(!this.instance){ this.instance= new Demo("Tom") }

  • 常见算法和数据结构 TypeScript 版 All In One2022-06-06 20:01:49

    常见算法和数据结构 TypeScript 版 All In One 算法 排序算法 快速排序、希尔排序、堆排序、桶排序、冒泡排序、插入排序、选择排序、归并排序(合并排序) 搜索算法 二分查找 压缩算法 zip 加密算法 RSA、 哈希 ... 数据结构 堆: Heap 栈: Stack 集合:Set 字典: Map 链表:Li

  • Vite 如何配置支持Typescript2022-06-05 22:00:59

    vite并不会校验ts是否通过,需要添加typescript 安装ts yarn add typescript 校验ts "scripts": { "dev": "tsc --noEmit && vite", }, 配置ts tsconfig.json { "compilerOptions": { "target": "ESNext&qu

  • typescript基础教程汇总2022-06-04 23:04:56

    JavaScript中所有事物(字符串、数值、数组、函数)都是对象,都有属性和方法。1、用函数定义对象,然后new对象实例。2、用Object定义并创建对象实例var o = new Object(true); 类其实是function:function带同名构造函数和return对象。 prototype给对象添加属性或方法   1、基础类型

  • Vue全家桶之vue32022-05-29 17:32:29

    1、Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.0   2、Vue3带来了什么 1.性能的提升 Vue3与Vue 2相比,在包大小(使用 tree-s

  • 细数这些年被困扰过的 TS 问题2022-05-28 18:34:51

    细数这些年被困扰过的 TS 问题 阿宝哥发布于 2020-09-02 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些

  • 让你眼前一亮的 10 大 TS 项目2022-05-28 18:32:47

    让你眼前一亮的 10 大 TS 项目 阿宝哥发布于 2020-06-12 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些

  • Difference between extending and intersecting interfaces in TypeScript?2022-05-27 17:34:48

    Difference between extending and intersecting interfaces in TypeScript? Ask Question Asked 3 years, 7 months ago Modified 10 months ago Viewed 18k times   88 25 Let's say the following type is defined: interface Shape { color: string;

  • TypeScript 中文手册 接口(interface)2022-05-27 17:02:19

    TypeScript 中文手册 接口(interface) 介绍 TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”。 在TypeScript里,接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 接口初探 下面通过一个简单示例来观察

  • typescript tsconfig.json compilerOptions详解2022-05-24 19:31:24

    { "compilerOptions": { /* 基本选项 */ "target": "es5", // 指定 ECMAScript 目标版本: 'ES5', 'ES6'/'ES2015', 'ES2016', 'ES2017', or 'esnext&#

  • TypeScript type 和 interface区别使用总结2022-05-22 03:00:33

    在使用ts的type 和 interface时 两者作用(简单案例) interface只能定义对象数据结构类型。 // 简单案例1 interface User { name: string; age: number; sex?: string; } let user: User = { name: '', age: 233 }; // 简单案例2 interface User1<T> {

  • 被迫开始学习Typescript —— vue3的 props 与 interface2022-05-19 15:31:51

    vue3 的 props Vue3 的 props ,分为 composition API 的方式以及 option API 的方式,可以实现运行时判断类型,验证属性值是否符合要求,以及提供默认值等功能。 props 可以不依赖TS,自己有一套运行时的验证方式,如果加上TS的话,还可以实现在编写代码的时候提供约束、判断和提示等功能。 Pr

  • typescript https上传文件2022-05-19 15:00:25

    export const requestFormData = async(host:string,path:string,formData:any):Promise<any> =>{ return new Promise( async (resolve) => { const https = require('https'); const options = { hostname: host,

  • (未解决)main.ts中引入scss报错 (vue3+typescript+@vue/cli5+系列问题总结)2022-05-15 18:33:41

    问题描述: 安装sass、sass-loader,vue.config.js中配置对应的scss文件路径。可以正常使用。但是如果在main.ts中引入,则会报错。   当前问题目前还未找到原因.....     项目技术栈: 脚手架:@vue/cli 5.0.4 vue:vue 3.2.13 typescript:4.5.5 sass:1.32.7 sass-loader:12.0.0 1、vue/cli5+

  • 重学前端 - react-第二节: 添加ts + scss2022-05-15 12:31:23

    重学前端 - react: 添加ts + scss 简介: 上一节我们新建了 react 项目。项目中并没有使用 ts + scss. 现在我们为项目添加 ts + scss。是项目后期维护更加方便,也为他团队提供书写规范。 安装 typescript 相关 module npm install --save typescript @types/node @types/react @typ

  • typescript进阶2022-05-14 18:00:28

    环境准备 参考基础《TODO》 联合类型和类型保护 interface Bird { fly: boolean; sing: () => {}; } interface Dog { fly: boolean; bark: () => {}; } // 联合类型 function trainAnimal(animal: Bird | Dog) { if (animal.fly) { // 1、类型断言 (animal as

  • typescript 实现enum枚举值定义为对象2022-05-13 15:01:51

    壹 ❀ 引 最近因为有一些闲散时间,所以一直在做将Class组件重构为typescript + hooks组件的工作,结果今天就遇到一个有趣的问题。我们知道react Class组件一般都会定义Component.propTypes属性,目的在于限制组件props类型以及某个属性是否必传等。结果在改写过程中,我发现有个属性它

  • JavaScript 与 TypeScript 的区别2022-05-11 17:31:23

    TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言, TypeScript 是 JavaScript 的一个超集 JavaScript 是一种轻量级的解释性脚本语言,可嵌入到 HTML 页面中,在浏览器端执行,能够实现浏览器端丰富的交互功能,为用户带来流畅多样的用户体验。 JavaScript 是基于对象和事

  • TypeScript 中提升幸福感的 10 个高级技巧2022-05-08 20:03:10

    以下是我在工作中总结到的经常会用到的 TypeScript 技巧。 1. 注释 通过 /** */ 形式的注释可以给 TS 类型做标记提示,编辑器会有更好的提示: /** This is a cool guy. */ interface Person { /** This is name. */ name: string, } const p: Person = { name: 'cool' }

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

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

ICode9版权所有