typescript入门

今天给大家介绍我新开发的工具"any-type", 一个vscode插件, 他可以根据 javascript 字面量生成 typescript 类型. 🔥使用场景 在ts中, axios请求的数据,

什么时候封装成组件? 什么时候封装成指令? 一般情况下, 如果要封装的代码中, 包含大量的 HTML,就需要用组件,反之如果仅仅对某一个 DOM/组件的根 DOM 进行操作,那么可以选择封装成指令.

之前看ts的更新日志总能看到这次为"react做了xxx", 作为vue的使用者, 羡慕. 昨天翻看日志, 突然发现vue字样, 不敢相信, 赶紧拿出我的老花镜把内容看了个明明白白. preserve

摘选typescript更新日志中语法相关的变化进行整理, 个人学习为主, 顺便方便他人. 本文内容也会持续更新🔥.

总结知识点 vue3需要用ts可能是小伙伴没开始玩转vue3的最大障碍, 经过1年vue3+ts开发实战, 我总结了必须要会的ts知识点(内容只有官网内容的1/4), 方便大家学习vue3的时候查阅,

欠你们的 本系列文章是我20年开始写的, 这个模块声明也是本系列的最后一课, 中间因为时间安排间隔了1年, 当时答应大家要补充的, 现在来还债😊. 中间的时间我写了vue3的入门教程, 现在写了一半了

初学ts的时候, 大家都会问"有什么实际项目可以参考吗?". 好了! 满足大家的需求, 我计划定期用ts做一些业务常用小插件, 代码量尽量小(控制在🦕1kb以内), 方便大家阅读源码, 也方便大家有时间去实现一遍. 最近后台项目需要一个"全屏"的按钮, github了下, 发…

年底比较忙🔥, 受个人时间限制, 暂把"声明"部分的内容分为"全局声明篇"和"模块声明篇", 👷还请多多包涵, 本次先说"全局". 声明文件就是给js代码补充类型标注. 这样在ts编译环境下就不会提示js文件"缺少类型". 看过vue3源码的同学一定知道这些是vue中的变量…

vue3🔥是用typescript实现的, 所以我认为他的源码是我们学习tyepscript的最佳实践, 下面我就用他源码中的实例让大家学会使用typescript的"is"特性. 是一种类型推断表达式的关键字, 通过和函数返回值的比较, 从而"缩小"参数的类型范围. 😠看…

看js代码能发现, 在js中命名空间其实就是一个全局对象. 如果你开发的程序想要暴露一个全局变量就可以用namespace; 现在在yyy.ts中我们就可以直接使用xxx.ts中的Food类型了, 而不需要使用import. 如果你的tsconfig中设置了"module": …

第二课的时候为了更好的讲解基础类型, 所以我们讲解了一部分高级类型, 比如"接口( interface )" / "联合类型( | )" / "交叉类型( & )", 本节课我会把剩余高级类型都讲完. 注意: 在ts文档中, 该部分的知识点叫做typeof类型保护, …

本来打算接着上节课, 把高级类型都讲完, 但是写着写着我发现高级类型中, 有很多地方都需要泛型的知识, 那么先插一节泛型. convert中参数我们标记为类型T, 返回值也标记为T, 从而表示了: 函数的输入和输出的类型一致. 这样使用了"类型变量"的函数叫做泛型函数, 那有"…

这一节很重要, 可以说是ts的最核心部分, 这一节学完其实就可以开始用ts写代码了, 想想typescript中的type, 再看看标题中的"类型"2字, 所以请大家务必认真. 因为高级类型的内容比较多, 但是有些基础类型的知识点还必须要用到高级类型的知识讲解才连贯, 所以本节…

vue3是用typescript开发的, 我揣测在vue的带领下typescript会成为主流呢, 要不先学点. 很多小错误比如: 对象的字段不存在或者字段名字拼写错误, 编辑器会在写代码的时候就提示你, 降低出低级错误的几率. 标注了类型的变量, 使用的时候编辑器都会列出变量…