低代码平台实现中遇到的问题收集（三）｜青训营笔记这是我参与「第四届青训营」笔记创作活动的的第8天。在实现低代码平台的

这是我参与「第四届青训营」笔记创作活动的的第8天。

这是我参与「第四届青训营」笔记创作活动的的第8天。在实现低代码平台的过程中，我遇到了许多问题，在此分为三篇进行总结。本篇主要记录一些有用的方法和莫名其妙的报错，技术栈是Vue3 + Vite3.0 + TypeScript。

JavaScript：怎么判断NaN？

判断NaN不能用==、!==这些，而是要isNaN()：

if (isNaN(someObject.someValue)) ...

或者更现代的Number.isNaN

if (Number.isNaN(someObject.someValue)) ...

Anything that is not NaN returns false. Strings, null, undefined, booleans - they'll all return false from Number.isNaN() or plain isNaN(). The function does not test if something "isn't a number", but rather if it "is NaN" which is a specific invalid number value, in practice. To test if something is not a number, do typeof something !== "number" || isNaN(something)

详见链接

Vue：TransitionGroup

列表过度、进入离开过渡、状态过度，都是非常常用的动画过度，Vue已经内置这三种动画，而且很不错。

详细可见链接

TypeScript：e.target.dataset报错

这次还是在这位大神的blog下找到了相关信息：Borislav Hadzhiev

当然了这个是直接的答案：链接

Why Does the EventTarget Type Not Inherit From Element Type? The reason this is the case is simply because all event targets might not be HTML elements. For example the event target can be also be XMLHttpRequest, FileReader, AudioNode, AudioContext, etc.

一个是声明为HtmlDivElement、Element（看具体情况，我感觉细一点好），一个是给函数参数断言一下类型（as）