javascript

豹哥学前端

事件循环（Event Loop）深度解析：让你彻底搞懂 JS 的执行顺序为什么 setTimeout 明明是 0 毫秒，却要等到最后才执行？ Promise.then 和 setTimeout 到底谁先执行？面试官总爱问的“事件循环”，今天一篇帮你彻底打通。

用 wagmi v2 + Next.js 14 搞 NFT 交易市场前端：从合约调用失败到顺利上架，我踩了哪些坑上周我接了一个 NFT 交易市场的前端开发任务。项目用的是 Next.js 14，钱包连接用的是 wagmi v2 + RainbowKit。需求很简单：用户能连接钱包，查看自己持有的 NFT，把 NFT 上架到市场，设定价格，也能购买别人上架的 NFT，以及取消自己的上架。

前端不开发

用一个 Bookmarklet（书签脚本），给任意网页挂一个可拖拽悬浮窗最近写了一个挺有意思的小工具。只要点击一下浏览器书签，就能在当前网页右下角弹出一个小窗口直接打开另一个网站。

接着奏乐接着舞

【无标题】企业级 Axios 通常需要处理：环境变量、请求拦截（加 Token）、响应拦截（统一错误处理）、超时设置以及取消请求的能力。

雨雨雨雨雨别下啦

心理健康AI助手 - 项目总结项目名称：AI 心理健康助手（AI Mental Health Assistant）技术栈：用户端 (/knowledge)：

Vue基础(32)_TodoList案例1.组件化编码流程：（1）拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。（2）实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用？

Rspack 源码解析 (2) —— 从 rspack build 到输出 dist，完整编译链路详解本篇是Rspack源码解析系列第二篇，重点在从rspack build的全流程编译链路梳理和说明，感兴趣的替同学可以点赞、收藏、评论您的问题和收获，不甚感激🤣😄🤣

Ref 逃生舱:用 React Hook 解决闭包陈旧、回调身份不稳和强制更新每个函数组件在每次渲染时都会从头跑一遍,渲染期间创建的每个闭包,捕获的都是那一刻的 props 和 state。这句话就是 React 模型的全部,同时也是一整族 bug 的源头:读到陈旧 count 的事件处理函数、因为回调身份每次都变而每次渲染都重新订阅的 useEffect、在组件已经卸载之后才触发的 setState。它们看起来是不同的问题,其实是同一个问题——一个闭包死死攥着一张早已过期的快照。

DAY_13DOM操作完全指南DOM基础API与节点操作（上）本篇聚焦 DOM 的基础知识体系，系统讲解节点类型、元素获取、内容读写、尺寸位置、滚动控制、节点增删改查和 document 对象，并通过全选、半选、倒计时等案例完成基础能力闭环。

如何保证不同位置切换合成底图的渲染顺序下面按“真正有效的修改”一一说明。核心思想是：不要让旧图、旧 canvas、旧异步结果有任何机会被展示；只有当前目标面的最终渲染结果通过校验后，才把画面放出来。

企业微信ipad协议的消息引用与回复机制企业微信ipad协议的消息引用与回复机制在企业微信的群聊沟通中，引用回复功能能够精准定位上下文，避免信息混杂。企业微信ipad协议将这一交互能力封装为标准接口，支持在发送消息时携带被引用消息的ID与摘要，使自动化系统能够实现类似“回复特定消息”的行为。本文从协议字段设计角度，解析消息引用与回复的技术实现。

App Inventor 2 向心力实验App - 探究向心力F与角速度ω、半径r、质量m的关系向心力公式：F = m · r · ω²即：向心力 = 质量 × 半径 × 角速度²高中物理新课标要求学生通过实验探究向心力，但现有实验器材（手摇向心力演示仪）操作不便、精度低。本App利用手机内置传感器，实现低成本、高精度的向心力探究实验。

程序软件分享

vue多语言交易所系统/期货/合约交易/质押生息/盲盒/挖矿/跟单源码随着区块链技术的不断演进，加密货币交易平台的功能日趋复杂，从基础的现货交易扩展到合约、质押、社交化跟单等多元化金融场景。一个健壮、可扩展且用户体验良好的交易系统，需要在前端架构、状态管理、多语言支持及模块化设计上进行综合考量。本文将对一套基于Vue.js框架开发的多功能交易所前端源码进行技术层面的剖析，探讨其核心模块的实现思路与技术选型。该系统整合了期货合约交易、质押生息、盲盒、挖矿及跟单等多种功能模块，并内置多语言国际化支持。

前端毕业班

使用 vite external 减小产物体积郑重承诺以下内容不由 AI 生成前几个月工作过程中遇到了 Javascript heap out of memory 问题，当时想着减小前端的产物大小，通过 vite.external解决这问题，查了很多文章，不过都以失败告终，经过不懈努力和大佬的指点，终于成功了，故此分享。

Typescript 基础篇--1当前一个愈发明显的现象是：代码几乎全由 AI 生成已经成为常态，管理层甚至明确要求日常开发必须借助 AI，手工编码的项目和完全靠手写的程序员似乎正被归入历史。这曾引发一种普遍的怀疑——那些花在啃代码、读厚书上的努力，是否终将白费。然而在深入使用各种 AI 工具之后，出现的并不是焦虑和恐慌，反而进一步印证了已有积累的价值。所有 AI 都逃不开“垃圾进，垃圾出”的准则，一个人如果不具备独立完成项目的能力和对底层实现的真正理解，那么经由 AI 生成的输出，也很难不成为一堆垃圾。

【JavaScript】JS 异步 Promise 解析在 JavaScript 的世界里，异步编程是无法回避的核心话题。无论是发起网络请求、读取文件，还是设置定时器，异步操作无处不在。而在 ES6 之前，我们常常被深陷在回调地狱（Callback Hell）中无法自拔，直到 Promise 的出现，宛如一道光，拯救了无数 JavaScript 开发者的头发。

放下华子我只抽RuiKe5

React 从入门到生产（一）：JSX 与组件思维创作者： Yardon | GitHub： github.com/YardonYan | 版本： v1.0 |

JavaScript 9 个先有库再有 API 的故事你好，我是冴羽。你可能觉得 querySelector、classList、Promise 这些是浏览器原生的能力，但实际上，它们都是从第三方库“抄”来的。

油丶酸萝卜别吃

JavaScript 深度合并函数 deepMerge 实现指南（附完整测试用例）在日常 JavaScript 开发中，对象合并是高频需求——小到配置合并、接口返回数据整合，大到复杂状态管理，都离不开“深度合并”的支持。不同于 Object.assign() 或扩展运算符（...）的浅合并，深度合并需要递归处理嵌套对象，同时兼顾灵活性和安全性。

Copilot下个月按Token收钱，我算了一笔账：重度用户一年要多花3000块2026年4月28日，GitHub正式宣布：6月1日起，Copilot将从固定额度订阅制全面转向按使用量计费。