懒加载主要通过 IntersectionObserver对象实现，可能有些浏览器不支持，暂未做兼容。 vue3 的 Custom Directives，支持以下 Hook Functions：beforeMount 、mounted、beforeUpdate、updated、b…

作为渐进式框架，Vue可以灵活地引入各种为它量身定做的插件。想必每一位Vue开发者都想过自己去实现一款Vue插件，将自己的新奇脑洞可以发布到npm社区供其他Vue开发者细品。这里我就自己前一阵使用Vue-cli脚手架和typescript开发Vue插件的环境搭建和注意事项做一个…

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

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

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

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

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

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