前端

ℋᙚᵐⁱᒻᵉ鲸落

移动端滑动手势冲突：overflow: auto导致外层横向滑动失效在做移动端交互时，有一种场景非常常见：外层容器负责左右拖动，内层容器负责上下滚动。例如：看起来这个需求并不复杂。但是我在实际开发时遇到了一个问题：

🎃 前端学了 Next.js，后端该学啥？NestJS 就是 Node 版的蜜雪冰城写在前面：前几节课还在用 Next.js 搭博客搞全栈，今天画风一转——NestJS。老师说 Next.js 是全栈框架，NestJS 则是 Node 的纯后端企业级开发框架，默认 TypeScript，全面模块化。今天从 nest new 开始，用工厂模式启动应用、用模块拆分业务、用装饰器给类贴标签、用依赖注入让 Service 自动到岗，最后手搓了一个完整的 Todos CRUD。最妙的是，课堂用蜜雪冰城来类比工厂模式——NestFactory 就是 MixueFactory。以下所有代码均来自课堂真

ai agent --- 实现 openclaw 定时间效果给大模型说：你帮我定个闹钟，定到9:00，我要起床去上班。第二天，你手机的闹钟就响了。分析openclaw的代码，我们发现它走的是以下流程：

换模型之后，Chatbot 为什么要自己做 compact？笔者所在小团队维护着星悟，是司内用的一款 chatbot。用户拿它查资料、追问、把一轮对话拉得很长。开头那段日子，模型基本只有 GPT。长了就在输入框打 /compact，服务端把当前消息转成 Responses 的 input，再调用模型网关的 POST /v1/responses/compact。使用官网API进行上下文的压缩。

自定义 UI-UX-Pro-Max 的 CSV 知识库，把 AI 生成的后台拉回行业该有的样子让 AI 生成审批后台，十个里有八个是玻璃拟态卡片叠紫粉渐变。页面能跑，可放进严肃行业系统里，一眼就是 AI 糊的，规范不对。工业 HMI、车企后台也有同样的问题，配色和排版跟行业合规完全两套逻辑。

简单的图片上传删除预览日常开发表单，经常会遇到图片上传需求。要求：选择图片上传后端、页面实时渲染缩略图、鼠标悬浮显示删除 / 预览按钮、点击放大预览、删除图片。

ITresearchGuest

我用 AI 一小时写了一个世界杯数据可视化平台｜前端 VibeCoding 初体验世界杯开赛前夜，我突然冒出一个念头：能不能做一个实时数据可视化平台，把比分、射手榜、赛程这些信息用炫酷的图表呈现出来？更疯狂的是，我决定给自己限定一小时，全程用 AI 辅助完成。

Vite项目中使用Less步骤，详细使用示例在 Vite 项目中使用 Less 非常简单，因为 Vite 内置了对 CSS 预处理器的支持。你不需要安装额外的 Loader 或 Plugin，只需安装 less 依赖即可。

【LangChain组件03】—— LangChain Agents 执行与状态：工作流程与状态管理实战上一篇讲完了"怎么配一个 Agent"——create_agent() 和提示词。这一篇深入 Agent 内部，理解它到底怎么跑起来：模型和工具之间怎么协作、Agent 什么时候停止、怎么观察每一步的执行过程，以及它维护的 AgentState 到底是什么结构、怎么自定义扩展。

面试官让我用 AI 重构一个 8 年陈的 React 组件——他说他不看代码，只看我会不会拆面试官让我用 AI 重构一个 8 年陈的 React 组件——他说他不看代码，只看我会不会拆他把笔记本推过来，屏幕上趴着一个 2017 年写的 Class 组件，props 17 个，state 里塞了 5 个布尔开关，生命周期里挂着 4 个异步请求，像一具裹满胶带的木乃伊。旁边 Cursor 闪闪发亮，像个跃跃欲试的殡葬师。

计算机魔术师

700吉瓦「幽灵用电」：美国AI数据中心的抢电闹剧正在失控从机制、系统架构与工程边界来写。路透社调查揭示了美国AI数据中心电力申请中最核心的结构性问题：大量申报数据并非真实需求，而是「画饼式占位」。开发商在尚未完成融资、未取得用地许可、甚至未确定租户的情况下，就已经向公用事业公司提交巨量用电申请，目的在于抢占电网容量配额，等待市场机会。这种行为在博弈论中被称为「策略性占位」，其收益曲线对开发商极度有利，对电网规划方则构成显著风险。

JavaScript数组排序踩的坑，差点让我加班到凌晨作为一名前端开发者，我本以为对JavaScript的数组排序已经了如指掌。毕竟，Array.prototype.sort()是日常开发中最常用的方法之一。然而，最近在一次数据处理任务中，我差点因为一个“简单”的排序问题加班到凌晨。这篇文章将分享我的踩坑经历，深入剖析JavaScript数组排序的陷阱，并提供解决方案和最佳实践。

风骏时光牛马

提示词工程：大模型交互的核心构建艺术提示词工程是通过设计、优化输入指令，引导大语言模型输出符合预期结果的技术手段。它不修改模型底层权重，仅依靠对输入文本的结构化编排，充分挖掘模型已有能力，是大模型应用落地的基础技术。合理的提示词可以解决输出混乱、逻辑缺失、答非所问等常见问题，降低大模型应用的开发成本。

大模型的回答是怎么一个字一个字蹦出来的？前端流式输出解析你有没有好奇过：问 ChatGPT 一个问题，它的回答是"一个字一个字往外蹦"的，而不是等几十秒一次性甩出一大段。这背后到底藏着什么前端技术？今天我们就从 0 到 1 拆解它。

计算机魔术师

Anthropic 复盘 Claude 模型越权访问真实系统事件并改进对齐与安全措施7 月 30 日，Anthropic 宣布在审查 141,006 次评估运行时发现三起异常事件。涉及的模型包括 Claude Opus 4.7、Claude Mythos 5 以及一款内部研究测试模型，最早可追溯至当年 4 月。

掘金者阿豪

Seedance 2.0/2.5 虚拟素材能跨 Key 共用吗？一次讲清 Asset ID、账号隔离与 SaaS 素材架构最近在接入豆包 Seedance 2.0 视频生成能力时，我碰到了一个很实际的问题。假设平台允许每个用户配置自己的火山引擎 API Key。

用户5009376839039

热敏小票 Web 打印：我在 58/80mm 上折腾的两周门店收银从 WinForm 迁到浏览器后，打印是我最不想碰、又不得不碰的一块。激光打 A4 凑合能过；接到 58mm / 80mm 热敏，整个人就懵了。

一个前端新手的"顿悟"时刻：DOM树、渲染原理和JS动态渲染从一个困惑出发，一步步理解浏览器到底做了什么我刚开始学前端的时候，脑子里全是碎片：但这些东西怎么串起来，我完全没有概念。

一篇文章带你深入拆解Skill的本质与工程实现，让你不再滥用Skill最近和很多人聊 Agent，常常会听到一个问题：“Skill 到底是什么？它和工具、插件、MCP 有什么区别？为什么放一份 Markdown，Agent 就突然会做某类事情了？”

Axure9.0 中继器遮罩的核心应用场景（精准适配列表交互）结合中继器多行数据、行级操作、动态刷新的特性，遮罩并非通用装饰，而是防止列表误触、锁定数据状态、区分模态操作的核心交互组件，以下是工作中最常用、最标准的 5 类应用场景：