《Typescript 全面进阶指南》学习笔记

大家好,我卡颂。

这是掘金小册Typescript 全面进阶指南的学习笔记。为了督促自己每个工作日摸鱼学一节,同时输出也是最好的输入,我决定:

  1. 在这篇文章中记录每节课的笔记

  2. 如果哪个工作日没学,就在小册群发20元红包

看看这样能不能提高我的学习动力,哈哈哈哈

Day 1

几个好用的TS相关工具:

插件

  • TypeScript Importer,自动补全类型导入

  • Move TS,修改ts文件路径时可以把与他相关的其他路径都改了

  • ErrorLens,将ts报错信息标记在出错的代码旁边

npm包

  • ts-node,ts的repl。与tsc的关系是:tsc是ts编译器,ts-node是ts执行环境,后者依赖前者

  • ts-node-dev,能监听文件变化并重启的ts-node,基于ts-nodenode-dev实现

一个node知识

require hook:当 Node.js 的模块系统试图加载一个文件时,require 函数是用来导入模块的。通过使用 require hook,开发者可以控制并修改模块的加载过程。用途例如:

  • 编译转换 :转换被 require 的文件的内容,这在编译 TypeScript 或 Babel(用于编译 ES6+ 代码)时特别有用。
  • 模拟:在测试中模拟某些模块的行为。
  • 代码检查或修改:在模块加载前对其进行代码质量检查或者动态修改。

对于如下代码:

bash 复制代码
node -r ts-node/register index.ts
  • -r--require 的简写,该参数后面跟随的模块将在输入的脚本执行前预加载
  • ts-node/registerrequire hook,由ts-node 提供
  • index.ts 是要执行的 ts 文件
相关推荐
gis开发之家9 小时前
vue3直击架构痛点 依赖倒置与接口隔离——打造坚如磐石的插件与高阶组件(HOC)模式
javascript·架构·typescript·前端框架·vue3
冬枳9 小时前
基于OpenSeagragon封装的前端病理切片展示组件
前端·typescript
退休倒计时14 小时前
【每日一题】LeetCode 287. 寻找重复数 TypeScript
算法·leetcode·typescript
@@@@@@@@542 天前
JavaScript 的缺点与 TypeScript 的弥补
开发语言·javascript·typescript
用户0934077735142 天前
HarmonyOS WPS Open SDK 实践:最小打开闭环与 enableEdit 分支处理
typescript·harmonyos
柯克七七2 天前
我把 bug 修得太干净了,测试组以为这个模块本来就没问题
前端·javascript·typescript
退休倒计时2 天前
【每日一题】LeetCode 39. 组合总和 TypeScript
算法·leetcode·typescript
yyt3630458412 天前
KlineChartQuant Tooltip 高频交互 200FPS 性能优化完整复盘
前端·经验分享·性能优化·typescript·vue·交互·chrome devtools
用户0934077735143 天前
HarmonyOS WPS Open SDK 实践:办公审批附件「打开—编辑—回传」代码实现
typescript·harmonyos
Flynt3 天前
TypeScript 5.8 让我少踩了一个大坑,顺手再聊聊 --erasableSyntaxOnly
前端·javascript·typescript