自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 ts中对象类型的完整特性(接口类型【interface】与其特性和写法基本一致)

这些特性使得 TypeScript 能够精确描述 JavaScript 中各种复杂的对象模式,从简单的数据对象到复杂的混合类型都能很好地表达。调用签名 (x: number): string 使对象可调用。方法签名 method(): void 定义对象方法。构造签名 new (x: string): Type 使对象可构造。属性签名 name: string 定义对象属性。混合类型 多种签名组合 复杂对象。

2025-12-14 20:16:28 344

原创 ts中描述函数类型的n种方式

描述函数类型的多种形式。

2025-12-14 20:06:53 127

原创 可迭代对象、for…of循环、可迭代协议。es6引入for…of循环与可迭代协议的原因。js中循环的多种方式(按发展时间线总结)。

总结:可迭代对象和 for…2. 内置对象变为可迭代ES6 让许多内置对象实现了可迭代协议:· ES5 已存在,ES6 变为可迭代:Array、String、arguments(ES6 开始)、NodeList(浏览器环境)· ES6 新增的可迭代对象:Map、Set、TypedArray3. 更方便的转换。扩展运算符(用于数组) ES6(2015) 依赖可迭代协议Array.from() ES6(2015) 可将可迭代对象转为数组—示例:ES6 前后的对比ES5 及之前(多种遍历方式)

2025-12-02 00:08:26 335

原创 for…of循环是什么,只能遍历可迭代对象吗

of 循环 是 ES6 引入的一种遍历语法,专门用于遍历 可迭代对象。方法获取迭代器,然后依次调用迭代器的 next() 方法获取值,直到 done 为 true。遍历内容 值(数组元素、字符串字符等) 键/属性名(对象的键,包括原型链)原型链属性 不遍历原型链 会遍历原型链上的可枚举属性。遍历顺序 遵循迭代器顺序 不保证顺序(依赖实现)适用对象 可迭代对象 任何对象(包括普通对象)of 只能遍历可迭代对象。如何让普通对象支持 for…方法2:使用内置可迭代方法。只能遍历可迭代对象吗?

2025-12-01 23:47:59 246

原创 可迭代对象与for…of循环

该方法返回一个 迭代器(Iterator),用于定义对象的迭代行为。可迭代对象可以用 for…· 类数组(Array-like):有 length 和索引访问,但不一定有。方法的对象,从而允许被 for…of、扩展运算符等遍历。有些对象既是可迭代对象又是类数组(如数组、字符串)。可迭代对象(Iterable) 是实现了。(例如 arguments 对象)。简单来说,可迭代对象就是实现了。示例:生成器函数创建可迭代对象。可迭代对象 vs 类数组。

2025-12-01 23:45:11 137

原创 Vue3 打包后点击跳转某页面 Cannot read properties of undefined (reading ‘refs‘) 问题的解决

项目打包后,点击某页面后白屏。点击控制台,发现报错:Cannot read properties of undefined (reading 'refs')。不打包,在测试环境时,没有问题。将原来的ref属性 mxylItem 改为 mxylItemRef ,再次打包,发现问题已解决。结合,网上的资料和自己的代码发现是,ref属性和模板中循环的变量重名了导致的。

2025-11-13 10:23:22 197

原创 es6模块化导入的执行机制,结合打包工具

只是,如果在生产环境,经过打包工具(vite或webpack或rollup等)的构建(treeshaking),可能会移除未使用的导入,那既然导入语句移除了,导入的模块自然也不会执行。第二,x.js模块一旦执行过一次,就不会再执行第二次,所有定义过的变量都会被缓存。在其他模块导入x.js中的任何变量时(比如导入变量c),x.js文件中所有的语句都从前往后依次执行。关于,导入的模块与当前模块中代码的执行顺序,导入语句都能写在哪里,之后再复习。console.log('主程序执行,但没有使用c变量')

2025-10-27 00:25:10 270

原创 a:focus与a:link样式的有效性与“javascript:;“的关系——a:focus与a:link没有生效的原因

我们发现,在没点击时,普通的链接不会呈现link的颜色oragne,而是呈现visited后的颜色red。下面两张是点击第一个或第四个链接后的结果:点击(聚集)后链接可以变为:focus所指定的lightgreen字体颜色,和aquamarine背景色。下面这张是点击除第一和第四个链接以外,其他链接后的结果:与未点击时没有区别,它们的:focus也没有生效。 结论:当我们a链接的:link和:focus没有生效时,可能是没有给a链接添加属性"href=javascript:;的原因。

2023-02-01 01:28:13 203

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除