案例 假设我们要做一个很简单的 Show 组件,用法如下: Show 组件会展示 content,并在用户点击 content 时把 content 传给 onClick。 ...
案例 假设我们要做一个很简单的 Show 组件,用法如下: Show 组件会展示 content,并在用户点击 content 时把 content 传给 onClick。 ...
d.ts 文件的妙用 默认情况下 *.d.ts 中的 type,interface 全局生效 但如果 *.d.ts 里有 import 或 export,则 User 只在当...
上难度,直接看 github 上的项目https://github.com/type-challenges/type-challenges[https://github.co...
体操就是做锻炼,给你的大脑做锻炼有没有什么实际的意义呢?我觉得没有,工作中用不到,只是为了锻炼而已 if else JS: TS: 加一点复杂 JS: TS: 看的出来,没有...
成员可见性 public 类外可见 private 类内可见 #var 真私有属性 protected 子类和自己可见 但是这些代码始终都会变成 JS那么说,TS 提供的这三...
为什么需要类呢?外来人口多,迫切需要 class(以前是没有专门的前端的,都是其他方向转行来的)class 是保留字,迟早要实现 class大部分人对原型的理解不够(因为大多...
开始逐渐体操化 先来看一些内置的 TS 工具 Readonly 关键词 in,而不是用 :,上之前的文章种也提到过,in 多用于泛型 Partial Required Rec...
什么是泛型?泛,指多简单来说就是多种类型 只要你能看懂 JS 的函数,那么你就能看懂 TS 的泛型 JS: TS: 很像把,格式上看起来一模一样,非常简单 思考:函数的本质是...
函数重载(overload) 什么是函数重载?简单来说就是同名的函数,这个概念是从 java 来的 我们来看这个需求,一个方法接受的参数有两种情况,可能是 number,可能...
深入对象 索引签名(Index Signature) 我们已经很熟悉了 映射类型(Mapped Type) 多用于泛型 可选类型 对象的某个属性可用可不用 只读类型 表示只读...
为什么要兼容?因为实际工作中,往往无法类型一致 假设我们现在需要设计一个接受参数为 一个对象包涵3个属性 的函数,但实际数据缺拥有更多属性,我们很容易写出以下代码: 但是实际...
交叉类型(Intersection Types)(交集) 很显然 A 的结果是 never,因为字符串和数字是两种完全不同的东西,所以一般交叉类型,我们不会用在普通类上 以上...
何时用enum类型 当前端遇到这种需求的时候: 前端需要显示后端返回的状态 1,2,3,4,还要传输这个值回去, 但是我们经常会忘记这个值是什么意思,这个时候就可以使用 en...
JS 可以对值进行加减运算如果把 TS 的类型系统的当作一门语言,TS 可以对类型进行各种运算吗?如果有,那么 TS 类型系统有那些运算呢? 联合类型(union type)...
JS/TS 中有哪些数据(data)类型(type) JSnull, undefined, string, number, boolean, bigint, symbol, ...
类型擦除 如何运行 TypeScript 用一张图就可以说明 如何运行一段 JS 代码(图左),只需要放进 Chrome 或者 Node 中即可但是如果只加了一点类型 num...
基础:vue 是双向绑定,MVVMreact 是单项数据流 ui = f(data) 进阶:vue 早就不强调 MVVM,主要强调数据响应式(核心),也早就没有了双向绑定,全...
覆盖一个 reactive 对象 CSS Features 将 CSS 直接绑定到你的变量 使用 v-global(缩写:global) 应用全局样式 使用 v-deep(缩...