Js 和 Ts
文章平均质量分 57
Javascript和typescript的知识点
白桃与猫
每天学一点点~
展开
-
前端实现base64编码图片的导出、图片添加描述文字导出
传入图片的base64编码,将图片进行导出保存。图片添加描述文字导出原创 2024-04-24 14:16:41 · 336 阅读 · 0 评论 -
通过ip地址和掩码位数,计算ip起始地址
【代码】通过ip地址和掩码位数,计算ip起始地址原创 2024-01-09 16:08:41 · 417 阅读 · 0 评论 -
判断一个数是NaN和Infinity的方法
isNaN()只要不是数字都会返回true, Number.isNaN()只有NaN才 返回 true.所以,想严格检查一个值是否是 NaN,就选择 Number.isNaN()原创 2024-01-09 16:00:23 · 794 阅读 · 0 评论 -
工作中能帮你偷懒的lodash函数!提高开发效率!
Lodash`是一个一致性、模块化、高性能的 JavaScript 实用工具库。在实际的开发中会经常用到,可以很大程度上提高我们的开发效率,在lodash中有哪些高频使用的函数呢?原创 2023-12-18 21:32:36 · 430 阅读 · 0 评论 -
ts中type和interface类型声明的区别
interface具有可合并性,允许在同一作用域内多次声明同名的接口,这些声明将会合并为一个接口。type不具有可合并性,如果多次声明同名的类型,会报错。原创 2023-12-10 19:06:43 · 618 阅读 · 0 评论 -
ts类型操作符& 和 | 的区别
&用于创建交叉类型,合并多个类型的属性。如果一个值的类型是交叉类型 A & B,那么该值必须同时满足类型 A 和类型 B的要求。原创 2023-12-10 11:30:45 · 1903 阅读 · 0 评论 -
检查对象为空、对象所有属性值为空 (超简单!!)
检查对象、数组、字符串是否为空🔸检查对象🔸检查数组🔸检查字符串不能用于检查对象的所有属性是否为空。对于对象而言,只有当对象没有可枚举的属性时,才被认为是空的。原创 2023-11-28 09:18:53 · 1879 阅读 · 0 评论 -
formData表单如何定义ts类型,以及如何使用formData和使用场景;formData.append() ts报错没有与此调用匹配的重载;ts中keyof的使用
formData 对象是一种用于在 HTML 表单中收集数据的方法。与传统的 URL 编码的表单数据相比,它支持文件上传和二进制数据传输。创建一个FormData对象,然后调用它的append()方法来向里面添加字段名称和字段值。在 TypeScript 中,keyof 是一个在对象中获取所有键名的类型操作符。它的语法是 keyof T,其中 T 是对象类型,结果是一个字符串字面量类型,包含了 T 中所有的键。原创 2023-07-31 15:36:53 · 2503 阅读 · 0 评论 -
js数组中对象的替换,替换原数组& lodash中一些常用的方法(很实用)
想对某个数组或对象的值进行修改,但是又要保留原来的值不被修改,此时就可以用深拷贝来创建一个新的数组或对象,从而达到操作(修改)新的数组 或 对象时,保留原来数组 或 对象。判断的依据是除非是有枚举属性的对象,length 大于 0 的 arguments object, array, string 或类jquery选择器。, symbols, 以及 typed arrays. Object 对象值比较自身的属性,不包括继承的和可枚举的属性。原因:传过去的数据是一个对象,浅拷贝拷贝的是引用。原创 2023-06-30 17:37:37 · 3477 阅读 · 1 评论 -
Typescript中any和unknown的区别?
因此,any 和 unknown 的主要区别在于类型检查的严格程度。any 允许对其进行任意操作,而 unknown 需要进行类型检查或类型断言后才能进行操作,从而提供了更强的类型安全性。在使用时,应尽量避免过度使用 any 类型,而是在可能的情况下使用 unknown 类型,并在需要时进行类型检查和类型断言,以提高代码的类型安全性。原创 2023-04-09 16:44:33 · 1280 阅读 · 0 评论 -
什么是立即执行函数?
函数被包含在一对 ( ) 括号内部,因此成为了一个表达式,通过在末尾加上另外一个( ) 可以立即执行这个函数,形式一般是。这种模式很常见,几年前社区给它规定了一个术语:IIFE,代表立即执行函数表达式(Immediately Invoked Function Expression)我们将window 对象的引用传递进去,并且将参数命名为 global。我们可以从外部传递任何需要的东西。在函数中传入一个函数作为参数,最后,参数 def(也就是传递进去的函数)被调用,并将window 传入当作 gl原创 2022-12-07 15:26:54 · 87 阅读 · 0 评论 -
什么是postcss?如何使用postcss?
方式2:使用“browserslist”键在 package.json 文件中配置Browserslist。postcss是一个JavaScript 工具,可以用来。方式1:创建postcss.config.js文件,配置。postcss可以使用不同插件实现自动添加。后面添加 -w , 可以实时监听。-moz-: 火狐浏览器私有属性。-o-:Opera浏览器私有属性。-ms-:IE浏览器私有属性。原创 2022-11-24 15:26:24 · 6023 阅读 · 0 评论 -
JS中find()和findIndex()
find返回数组中符合条件的第一个值,都不符合条件返回undefined。格式:find(function(item, index, array) { … }, thisArg)原创 2022-11-18 10:42:26 · 629 阅读 · 0 评论 -
Javascript中引用数据类型
大多数引用类型值都是 Object 类型的实例,会继承Object中的一些方法,比如toString。创建对象的两种简单方式:原创 2022-11-09 09:24:05 · 364 阅读 · 0 评论 -
JavaScript红宝书02|这些运算符你都了解吗?
对于有符号的整数,32 位中的前 31 位用于表示整数的值。第 32 位用于表示数值的符号:0 表示正数,1 表示负数。,表示,这个操作符会将数值的所有 32 位都向右移动。首先会将它的操作数转换为一个布尔值(类似Boolean()函数),然后再对其求反,结果是。③ 如果是 Infinity 与 Infinity 相乘,则结果是 Infinity。位操作符用于在最基本的层次上,即按内存中表示数值的位来操作数值。② 如果是 Infinity 与 0 相乘,则结果是。,只比较值,在比较时会对数值进行。原创 2022-10-24 14:56:46 · 249 阅读 · 0 评论 -
JavaScript红宝书01|初学者容易不明白的地方
今天重新拾起来《JavaScript高级程序设计(第3版》了,之前因为它太厚了,一直没有坚持看下去。静下心去读读,还是会发现很多惊喜的地方,书写的还是非常不错的,下面记录一些之前刚接触js时不明白的地方。这篇总结了七个之前不太明白的小知识点,书目前看到了第三小节操作符,之后也会持续整理总结出笔记📝。原创 2022-10-19 13:39:11 · 231 阅读 · 0 评论 -
new操作符的实现原理及几种手写方法
new操作符的实现原理及几种手写方法原创 2022-08-17 11:18:07 · 1245 阅读 · 0 评论 -
NaN, isNaN()和Number.isNaN()
NaN定义: 全称是 not a number , 代表非数字。在JavaScript中整数和浮点数都是Number类型。特性1:console.log(typeof NaN) //number特性2:不等于自身console.log(NaN == NaN) //falseconsole.log(NaN === NaN) //false小朋友,你的脑袋里是不是也充满了大大的问号呢???什么时候会出现NaN?1.两个非数值的数进行运算console.log('a' - 1) //NaN原创 2021-11-25 14:53:05 · 594 阅读 · 0 评论