javascript

《Three.js 完整版3D魔方：带贴纸+中心固定+自动求解复原》直接复制保存为 .html 打开即用，功能齐全：六色贴纸、黑白边框、中心块锁定、键盘操控、打乱、一键自动还原算法

gis开发之家

《Vue3 从入门到大神33篇》Vue3 源码详解（三）：响应式核心思想——从 Object.defineProperty 到 Proxy本篇关键词：响应式本质、Proxy、依赖收集、effect、track、trigger难度等级：⭐⭐⭐⭐☆（偏底层，但全程带 Demo）

《Three.js 可操控3D魔方（键盘转动+打乱+复原）》直接复制整段HTML打开即可运行，WASD/方向键控层旋转，一键打乱、一键复原

react js循环滚动

Vue 3 与现代 JavaScript 常用语法指南面向刚接触前端、准备阅读和维护 Vue 3 项目的开发者。本文示例默认使用 Vue 3、<script setup> 和 TypeScript。阅读顺序建议：JavaScript 基础 -> Vue 模板 -> 响应式 -> 组件通信 -> 实战示例。

用JavaScript实现排序算法冒泡排序，插入排序，快速排序，归并排序，桶排序，选择排序每次比较相邻两个元素，如果前面的比后面大，就交换。每一轮都会把最大的元素"冒泡"到最后。

从零搭建 LLM 流式对话前端：一文读懂 SSE、二进制流与 Vue 3 响应式本文将以一个完整的 Vue 3 + Vite 项目为例，深入浅出地讲透 LLM（大语言模型）流式输出的前端实现原理。从二进制的本质到 SSE 协议，从 ReadableStream API 到不完整 JSON 的缓冲拼接，一文打尽。

前端错误监控生产级方案：从 onerror 捕获到 Source Map 精准还原线上一报错，控制台却只有一行压缩后的 app.4f3a.js:1:1234？这种"能看见错误、却定位不到代码"的体验，几乎每个前端都经历过。

从零手写 Vite Mock 流式 AI 对话，搞懂 LLM 的“打字机”特效在前端开发 AI 应用时，最令人着迷的体验莫过于流式输出——看着文字像打字机一样逐字蹦出来，而不是对着一个转圈的 Loading 干瞪眼。

从表单校验到订单流转，彻底搞懂前端开发中的策略模式与状态模式策略模式和状态模式是前端开发中最容易混淆的两个设计模式。它们的实现方式高度相似——都用对象映射替代条件分支，都通过委托来分发行为。但策略模式像你拿着遥控器手动换台，状态模式像空调根据室温自动调温。本质上，一个是外部选择行为，一个是内部自动切换。

用腻了 WorkBuddy 的默认界面？这个开源小工具给它换上了毛玻璃WorkBuddy 是一款很趁手的桌面工具，但默认界面看久了难免有点单调。作为一个既想要颜值、又不敢乱改软件的人，我做了一个小工具——workbuddy-skin，给它换上背景壁纸和毛玻璃质感的界面，而且全程不碰任何官方文件，随时能变回原样。

LC 15 三数之和：双指针不难，难的是把去重做对有没有人和我一样？刚学双指针的时候，觉得两数之和简直手到擒来，直到遇上三数之和。思路我都懂啊，不就是固定一个数，剩下两个用双指针嘛。结果一写代码，要么超时，要么一堆重复结果，改了三四遍都没过，给我整懵了。

🔥 前端也能玩转 AI 流式输出！从二进制流到打字机效果，一篇讲透摘要：ChatGPT 那种"一个字一个字蹦出来"的效果到底是怎么实现的？本文用一个 Vue 3 小项目，从最底层的二进制流开始，一步步带你搞懂 AI 流式输出的全部原理。初学者友好，全程大白话 + 生活比喻，看完你也能自己写一个！

深度重构：Agent Skills——从 Prompt 工程到能力工程当 Skills 进入 Agent 六要素，AI 的使用才真正从“每次重训实习生”进化为“随时调度虚拟专家团”。

从 “卡死半天” 到 “打字机效果”：大模型流式输出前端实现全记录上周我想搭个极简的大模型测试页，方便自己调 prompt 用。三下五除二写完第一版，点提交的瞬间我自己都皱眉头 —— 输入框敲完问题，点一下按钮，页面就钉死在 “思考中...”，短问题还好，稍微长一点的生成，好几秒没动静，不知道的还以为页面崩了。

基于AScript的JavaScript脚本语言发布啦AScript是一个开源的C#动态脚本解析执行引擎，支持扩展多种脚本语言，2026年7月14日正式发布了js脚本语言AScript.Lang.JavaScript，快来试试吧！

我看完这篇安全论文——AI推荐的npm包，92%是编出来的你有没有想过一个问题：AI让你 npm install 的那个包，真的存在吗？7月8日，以色列特拉维夫大学、Technion（以色列理工学院）和 Intuit 的研究人员联合发表了一篇论文，提出了一种叫 HalluSquatting 的新型攻击方式。

心中有国也有家

AtomGit Flutter 鸿蒙客户端：Canvas 绘制进阶-路径、渐变与混合模式在 CustomPainter 的世界里，Path 是画笔的轨迹，Shader 是颜料的配方，BlendMode 是图层间的化学反应。三者合一，你可以在 Flutter 画布上创造出任何视觉效果。

使用 Vant CLI 搭建 UI 组件库：从 H5 到小程序跨平台本文详细介绍如何使用 Vant CLI 搭建两种不同类型的 UI 组件库：Vue 3 移动端 H5 组件库和微信/支付宝小程序跨平台组件库，涵盖完整的搭建过程、目录结构、关键配置。

😭 我花了两小时找了一个数据结构 bug，才把"迷你 Cursor"跑起来，绝望（bushi）写在前面：今天终于把"迷你 Cursor"——一个能自己创建 React 项目、写代码、装依赖、启动服务器的 Agent 搞定了。但过程极其痛苦：总共不到 200 行代码，我花了 2 小时找 bug。最后发现问题出在数据结构上——tool.invoke(args) 传进去的参数格式，和 tool 函数定义时接收的格式不一致。一个括号的事，调了俩小时。写代码最远的距离，不是从无到有，而是从"应该能跑"到"真能跑"之间的距离。