摘要：公司的一个管理后台项目是基于 vue-cli3 搭建的，这两天我将它升级到了 vue-cli4，顺手也做了一些优化，主要是从 webpack 方面入手，优化一下生产环境的代码。 这里简单提一下怎么升级脚手架版本的，首先将你电脑中的脚手架版本升级到 4，直接重新安装就好，然后在你的项目中执行 vue 阅读全文
摘要：vue3.0 beta 版本已经发布有一阵子了，是时候上手体验一波了～ 注意，本文所有演示都是基于 vue3.0 beta 版本，不保证后续正式版 api 不改动。等官方文档出来后，以官网为准。 环境搭建 直接使用脚手架，如果本地没有安装的可以执行脚手架安装命令： npm install -g @v 阅读全文
摘要：使用 typescript 时，在一些定义中如果你没有明确识指定类型，编译器会自动推断出合适的类型，比如： let str = 'hello' str = 123 // error，不能将类型“123”分配给类型“string” 可以看到，定义变量 str 时并没有指定它的类型，而是直接赋值一个字符 阅读全文
摘要：typescript中，this 也是一种类型，一个计算器的例子： class Counter{ constructor(public count:number = 0){} add(value:number){ this.count += value return this } subtract( 阅读全文
摘要：类型别名 类型别名就是给一种类型起个别的名字，之后只要使用这个类型的地方，都可以用这个名字作为类型代替。它只是起了一个名字，并不是创建了一个新类型。 定义类型别名，使用 type 关键字： type StringType = string let s: StringType s = 'hello' 阅读全文
摘要：null 和 undefined 是 ts 中的基础类型，分别具有值 null 和 undefined，默认情况下它们是所有类型的子类型，即可以赋值给任意类型，如： let s: string = 'hello' s = null //right s = undefined // right 但当我 阅读全文
摘要：当遇到需要告诉编译器某个值是指定类型的场景时，我们可以使用类型断言，比如这个例子： const valueList = [123, "hello"] // getValue 函数随机返回数字类型或者字符串类型 function getValue() { const num = Math.random 阅读全文
摘要：交叉类型 交叉类型的表示方法为 Type1 & Type2，结果是取这两个类型的并集。这里是官网的例子，做了注释： // 定义函数 extend，用来合并对象 function extend<T, U>(first: T, second: U): T & U { // result 是要返回结果，类 阅读全文
摘要：函数兼容性 函数参数个数 比如有如下两个函数： let x = (a: number) => 0 let y = (b: number, c: string) => 0 函数参数个数如果要兼容，需要满足条件：如果对函数 y 进行赋值，则 x 中的每个参数都应在 y 中有对应，也就是 x 的参数个数小 阅读全文
摘要：介绍 这里引入官网一段介绍，了解个大概： 软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。 组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。 在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支 阅读全文