Jinuss的博客

JavaScript中的可迭代对象是指实现了Symbol.iterator方法的对象，包括数组、字符串、Map、Set、TypedArray等内置类型。这些对象可以使用for...of循环遍历，而普通对象默认不可迭代。文章详细介绍了可迭代协议的工作原理、内置可迭代数据类型、如何使普通对象可迭代、for...of与for...in的区别，以及实际应用场景和常见问题解答，帮助开发者掌握现代JavaScript的迭代机制。

JavaScript类型检测指南：区分typeof与instanceof的适用场景 本文系统介绍了JavaScript中两种主要类型检测方法：typeof适用于基本类型检查（返回"string"、"number"等），但无法区分具体对象类型；instanceof则用于检查对象是否属于特定类的实例，能识别数组等对象子类型但无法处理基本类型。文章还对比了它们的优缺点，推荐了Array.isArray()等替代方案，并提供了现代JS开发中的类型安全实践建议，帮助开发者根据场

本文介绍了深度优先遍历对象属性的JavaScript实现。通过递归函数dfs(obj, depth)，可以遍历指定深度层级的对象属性。函数会检查当前深度，输出属性键名，并对非null的对象值进行递归遍历。测试用例展示了不同深度下的输出结果：深度0无输出，深度1输出第一层属性，深度2输出前两层属性等。该实现具有深度控制、递归遍历、对象检测和null处理等特性，适用于配置解析、数据检查、调试工具等场景。核心算法通过递归调用栈实现深度优先遍历，可精确控制遍历深度。

JavaScript 中扩展运算符 ... 的行为在数组和对象上下文中有重要区别：[...a] 要求 a 是可迭代对象（如数组），而 {...a} 适用于任何具有可枚举属性的对象。普通对象默认不可迭代，因此 [...a] 会报错，但 {...a} 可以正常复制对象属性。要使对象可迭代，需实现 Symbol.iterator 方法。实际开发中应区分使用数组扩展（用于可迭代对象）和对象扩展（用于属性复制），或使用 Object.keys()/Object.values() 等方法处理对象属性。

本文对比了JavaScript中Set和WeakSet的核心区别与联系。Set允许存储任意类型值，支持遍历和获取大小，适合长期数据存储；WeakSet仅存储对象，不可遍历且无大小属性，具有自动垃圾回收特性。二者都保证值唯一性，提供add、has、delete方法。示例展示了Set用于数组去重和WeakSet用于对象状态管理的场景。建议根据需求选择：Set适合通用集合操作，WeakSet适合需要自动内存管理的对象关联场景。

JavaScript 中 Map 与 WeakMap 对比 核心区别： Map 允许任意键类型，WeakMap 仅接受对象键 Map 强引用键，WeakMap 弱引用键（不影响垃圾回收） Map 可遍历，WeakMap 不可遍历 Map 有 size 属性，WeakMap 没有 联系： 都是键值对存储结构 键具有唯一性 使用场景： 需要遍历/原始值键 → Map 对象私有数据/临时元数据 → WeakMap（自动内存管理） 示例： Map 存储任意类型键值对 WeakMap 自动清理无引用对象键 WeakM

基于 JSZip 的批量下载文件打包方案

文件下载技术的终极选择：`<a>` 标签 vs File Saver.js

超实用的iconfont中svg图片颜色动态修改方法

CSS实现图片3D立体效果

CSS 滚动驱动动画

Openlayers实现角度测量

Openlayers中如何计算两点之间的距离

本文主要介绍如何在Three.js中加载渲染3D字体以及其实现原理

Vite打包配置打包文件输出目录分类

纯html+CSS3实现loading效果

如何实现Openlayers点击矢量图层并高亮

主要介绍前端中拖拽相关的知识以及如何在 vue3 工程里实现拖拽指令。

Web Worker加载外部文件提高网站性能实践

Openlayers如何渲染大量Overlay问题探讨

vue3中使用Live2D详细介绍

iconfont字体库图标symbol方式，动态修改颜色

CSS Function伪类选择器系列二，介绍:nth-child、:nth-last-child、:nth-of-type和:nth-last-of-type

CSS伪类选择器：:is()、:not()、:where()、:has()等等介绍

npm的作用域介绍

npm常用的命令介绍

深入了解vue3中style的scoped原理

craco-less使用问题

零宽字符

一文弄懂如何获取元素的宽度

vue3+vite+import.meta.glob实现动态加载

vue3数据持久化方案原理剖析，pinia的标配

ColorThief插件介绍，获取图片颜色填充背景色示例

iconfont的使用方式，最详细的教程

本文介绍了vue3的错误处理方案

前端web work多线程编程

全网最详细的HTML5 全屏API介绍

ESM和CommonJS详解

CSS Functions属性函数

Oplayers 线填充，设置方向等