前端开发

JavaScript 迭代器和生成器

迭代器是遵循特定协议的对象，通过 next() 方法依次访问容器元素，返回 { done, value } 对象。可迭代对象需实现 [Symbol.iterator] 方法返回迭代器，使对象支持 for...of 等迭代操作。原生如数组、字符串、Set 等已实现该协议。应用场景包括 for...of 循环、展开运算符、解构赋值等。通过自定义 [Symbol.iterator] 方法，可将普通对象转为可迭代对象，实现更灵活的遍历控制。

辰风沐阳阅读 319 2026-02-05

JavaScript 宏任务和微任务

JavaScript

JavaScript 任务机制解析：同步任务按顺序执行并阻塞后续代码；异步任务分为宏任务（setTimeout/ajax）和微任务（Promise.then），后者优先级更高。定时器存在最小 4 毫米延迟，其回调需等待同步任务完成。DOM渲染受任务执行顺序影响，可通过调整脚本位置优化。复杂计算任务可拆分为子任务放入异步队列避免阻塞。示例展示了进度条动画和数值累加的实现，体现了任务队列的轮询机制。

辰风沐阳阅读 275 2026-01-30

JavaScript 的 WebSocket 使用指南

JavaScript

WebSocket 是一种基于 TCP 的全双工通信协议，允许客户端和服务器建立持久连接，实现高效实时数据交换。全双工通信：客户端和服务器可随时主动发送数据，无需遵循传统 HTTP 的 “请求-响应” 模式。本文还记录了 WebSocket 的心跳检测以及重连机制，主要提供一个思路，实际开发中可以自行修改

辰风沐阳阅读 460 2026-01-12

uniapp 缓存工具类封装

uni-app

在 uniapp 中，封装一个缓存工具类可以帮助更好的管理应用的数据存储，可以放到任意项目直接使用。本文基于 uni.setStorageSync() 封装一个简单的缓存工具类，本地存储数据，拿来即用，非常方便

辰风沐阳阅读 369 2025-04-08

Vite 项目的环境变量（Vue3）

本文记录在 Vue3 项目中如何管理和配置项目的环境变量。涵盖了声明规范、获取配置、运行模式和文件匹配、自定义环境变量前缀等内容。通过以上方法，可灵活管理不同环境下的配置项，并确保安全性与可维护性

辰风沐阳阅读 2053 2025-04-01

Vue3 快速入门（基础知识总结）

vue vue3

Vue3 快速入门学习笔记，记录 Vue3 基础知识点，从创建 Vue3 项目工程开始，涵盖了 Vue3 基础用法、组合式API、VueRouter、Pinia 状态管理工具、组件通信等知识点，适合刚开始学习 Vue3 的人群阅读

辰风沐阳阅读 2566 2025-03-24

JavaScript 的 JSON 序列化

JavaScript

JSON 是一种独立于编程语言的轻量级数据交换格式，由 Douglas Crockford 设计。它支持简单值、对象值和数组值三种顶层结构，广泛应用于配置文件、网络数据传输和 NoSQL 数据库存储。JSON 序列化（stringify）和解析（parse）方法可以实现数据转换，其中 stringify 方法支持通过参数控制转换内容和格式化输出。JSON 还可用于对象深拷贝，但不支持函数值的转换。这些特性使 JSON 成为现代开发中不可或缺的数据格式。

辰风沐阳阅读 409 2025-03-20