6h

✏️ 用最轻的代码教会你用typescript.

初心

1. 使用最少代码实现一个完整功能, 🔥让大家更容易学习ts.
2. 目标代码轻量, 方便大家用更少的碎片时间来参与项目.
3. 做很多"轻代码", 希望总有一块成为你的"砖".

🤖 代码

@6h/be-full 全屏任意元素.

@6h/click-outside 点击指定元素外部触发回调.

贡献代码

1. 运行yarn, 如没有yarn请先执行npm i -g yarn
2. 复制packages文件夹中任意项目, 然后改名, 比如'packages/abc'.
3. 进入"abc"目录, 修改"package.json"的"name"字段为"@6h/abc".
4. 在"6h"目录执行命令lerna bootstrap.
5. 代码写在"packages/abc/index.ts"中.
6. 测试用例写在"packages/abc/test/"中.
7. 运行yarn workspace abc test执行测试, 无误后提交代码.

📚 typescript基础

第一课, 体验typescript

第二课, 基础类型和入门高级类型

第三课, 泛型

第四课, 解读高级类型

第五课, 命名空间(namespace)是什么

特别篇, 在vue3🔥源码中学会typescript🦕 - "is"

第六课, 什么是声明文件(declare)? 🦕 - 全局声明篇

新手前端学🔥typescript - 实战篇, 实现浏览器全屏(59行)

微信群

由于腾讯对微信群的100人限制, 超过100人后必须由我拉进去.