- 博客(1452)
- 收藏
- 关注
RSS订阅转载 15 种高级 RAG 技术大比拼，值得收藏！
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。利用命名实体识别（Named Entity Recognition，简称NER）技术，将包含同一实体（如人物、组织、产品）的句子/段落归为一个分块。从大粒度（如段落或章节）开始拆分，若分块超出预设大小，则进一步按更小粒度（如句子、单词）拆分，直至所有分块符合大小要求。”（直接调取表格分块）。
2025-11-20 16:51:11
19
转载 前端，不止于 AI。12 月 20 日，FEDAY 2025，长沙见！
从去年开始，我们将 FEDAY 的主题定为「前端，不止于 AI」。而 FEDAY 的使命，就是在这场巨变中，继续为前端人提供方向、灵感与连接。十年间，我们走过北京、广州、杭州、成都、厦门，每一次相聚，都留下了属于前端开发者的热度与记忆。今年计划给将带来 10 个演讲主题，邀请来自行业内的大牛，与大家一起探讨 AI 时代的前端开发。FEDAY 是一场前端人的年度团聚，也是大家一起换个城市、换个风景、换种心情的旅途。今年我们取消了 VIP 门票，改为会后自愿 AA 聚餐，大家围坐一团，畅聊技术、理想与生活。
2025-11-19 11:05:46
23
原创 LangChain 1.0 变革
2025年10月23日，LangChain正式发布1.0版本，这一里程碑式的更新不仅终结了此前版本中Agent架构碎片化的局面，更以“生产就绪”为核心定位，重新定义了智能Agent开发框架的技术标准。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。**中间件就像是智能体的 "智能插件"**，可以在不修改核心代码的情况下，为智能体添加各种功能。
2025-11-18 18:01:15
359
原创 打造一个可定制工作流的桌面女友
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。打开 Live2D 官方示例数据集页面：https://www.live2d.com/zh-CHS/learn/sample/Live2D 官方示例数据集 https://www.live2d.com/zh-CHS/learn/sample/Live2D 官方提供了丰富的免费示例模型，我们可以直接下载使用。
2025-11-17 18:13:32
300
原创 Agent skills：AI 能力扩展的新范式
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。skills 也是有局限性的，他只能使用在 claude 生态的产品中，在其余模型生态中是无法使用skills，官方目前也仅仅提供了部分skill，如需实现特定场合的工具，还需自定义去实现相应的skill，生态/广场还是略有不足的地方。上传到 API 的 Skills 不会出现在 claude.ai，反之亦然。
2025-11-13 18:01:55
1097
转载 重磅！刚刚字节 Trae SOLO 正式发布，限时免费！
Trae 选择在这个时候推出限时免费的 SOLO 模式，显然是希望吸引更多用户，此前让大家等白名单好多人都还在排队，现在开放开了也得体现出点诚意。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。整个流程是自动化的。这个模式最大的特点是，它不再是一个简单的编程助手。第三是技术方向，从单纯的代码补全，到现在的智能体模式，AI 编程工具的发展路径已经很清晰了。
2025-11-12 18:28:27
402
转载 彻底爆了！一文了解LLM应用架构：从Prompt到Multi-Agent
缺点：固定的流程编排限制了LLM的智能发挥，让他缺少泛化性，一些本可以自己解决的问题，最后没有处理。通过竞争、谈判、辩论的形式，代理抛弃原先可能错误的信念，对自己的行为或者推理过程进行有意义的反思，最终带来整个系统响应质量的提升。所以，我们采用专业的事情给专业的人做的原则，将单一agent分为多个不同领域的专家agent，它们之间互相合作，从而提高Agent的稳定性和智能。这个阶段的优点是能有效提高智能程度，但缺点是多轮的思考，信息的交互，编程实现起来相对复杂，对LLM的响应速度要求高。
2025-11-11 18:00:48
80
原创 Claude Agent Skills：将 Workflow 打进技能包
还有一个相近的功能叫做 Projects，在 Claude 和 ChatGPT 上都有类似功能，简单来说就是可以创建一个 workspace，我们把做某件事（比如写现在的这篇文章）作为目标，将完成这件事的 Prompt 和 Context 聚拢在一起，AI 会记住项目背景，和当前的进度，帮我们延续思路，不用每次重新解释我们上次聊到哪了。不过话说回来，即使有这些问题，对于一些简单重复的任务，Skills 还是能省不少事的。说实在这还是挺麻烦的，但是合理使用 AI 我们的还是能做的到的，但是你注意到了吗。
2025-11-10 18:01:12
788
转载 理解 LangChain 智能体：create_react_agent 与 create_tool_calling_agent
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。相反，agent与模型之间会进行多轮对话，每轮对话结束后都会调用不同的工具。工具调用agent的效率更高，因为它可以在一次与模型的交互中进行多次工具调用，相比于 ReAct agent，以更少的交互完成整个流程。两者都可以让AI使用外部工具，但由于它们的运作方式不同，因此适合的场景也有区别。
2025-11-06 18:25:06
124
原创 AI时代的前端知识拾遗：前端事件循环机制详解（基于 WHATWG 最新规范）
一旦异步条件满足（例如定时器到期、网络响应返回或用户点击事件发生），浏览器会将对应的回调封装为一个任务对象，入队进入相应的任务队列。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。不同类型的任务可以属于不同的任务队列（例如定时器队列、用户交互队列、网络回调队列等）。每个任务都有⼀个任务类型，同⼀个类型的任务必须在⼀个队列，不同类型的任务可以分属于不同的队列。
2025-11-05 18:43:09
379
转载 ECharts 万字入门指南
本文将作为你的 ECharts 入门指南，带你系统性地梳理 ECharts 的核心知识体系，并通过一个贴近实际业务的“高三期末考试成绩分析”案例，手把手教你如何将数据转化为富有洞察力的图表。小到健康 App 中记录一周睡眠变化的柱状图，大到金融应用的实时股票仪表板，图表作为一种强大的视觉语言，其传递信息的效率远超纯粹的文字或表格。更重要的是，我们通过一个贯穿始终的“高三成绩分析”实战项目，将这些知识点融会贯通，应用到了具体的业务场景中，绘制了柱状图、饼图、散点图和雷达图。数据可视化的征途是星辰大海。
2025-11-03 11:36:30
153
原创 奇舞周刊第573期：AI Coding 长文分享：如何真正把工具用起来，从原理到实践
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。介绍了LeaferJS，一款高性能、模块化的Canvas 2D渲染引擎，具备高效绘图、UI交互、图形编辑等优势，适用于多种场景，推动了Canvas应用的升级。从系统工程角度剖析了Agent系统的复杂性，指出框架虽降低了开发门槛，但未解决Agent的可复现性、可进化性等系统工程难题，强调了工程化的重要性。
2025-10-31 18:07:55
394
转载 Easy Dataset 最新消息及一大波新功能介绍！
在之前的版本中，我们开放了部分提示词的定制能力，但这仍无法满足一些特殊的定制场景，因此，自 1.5.0 版本，Easy Dataset 的全量核心提示词开放自定义，捏可以到。不过需要注意的是，在编辑提示词过程中最好不要破坏原有的提示词中包含的变量，否则可能会导致提示词生成流程失败，例如，在基础答案生成提示词中，在过去，Easy Dataset 收到了大量关于定制提示词的需求，因为数据集的定制要求多种多样，一套通用的提示词无法满足所有的定制需求。
2025-10-30 18:43:32
242
转载 前端 AI 自动化测试：brower-use 调研
详细介绍的文章：https://medium.com/@honeyricky1m3/from-user-stories-to-automated-tests-the-future-of-qa-automation-using-ai-agents-cfe7fe878954。开发者可以通过可视化界面监控 AI 代理的执行过程，支持暂停/恢复/停止操作，并能生成详细的 UX 评估报告，包括发现的问题、交互流程分析和改进建议，从而让开发者从繁琐的手动测试中解放出来，专注于更重要的开发工作。
2025-10-29 18:01:21
205
转载 从 npm 到 pnpm：包管理器的进化与 pnpm 核心原理解析
pnpm 没有颠覆 npm 的生态，而是通过操作系统底层的链接机制，解决了 npm 长期存在的效率与一致性问题。npm 作为 Node.js 官方包管理器，奠定了依赖管理的基础，但随着项目规模扩大，其设计缺陷逐渐凸显，这也成为 pnpm 诞生的直接原因。：当多个包依赖同一包的不同版本时，npm 虽会嵌套存储，但复杂的依赖树仍可能导致版本优先级混乱，出现 “本地能跑、线上报错” 的兼容性问题。正是这些痛点，推动了 pnpm 的出现 —— 它通过创新的 “链接式依赖管理”，一次性解决了空间、速度与一致性问题。
2025-10-28 18:02:39
199
原创 一文讲透 Server-Sent Events (SSE)：构建高效的服务器推送应用
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。随着Web技术的不断发展，SSE仍然在许多场景下保持着其独特的价值和优势。SSE正是为此而生，它基于标准的HTTP协议，提供了简单而强大的服务器推送能力。Server-Sent Events (SSE) 作为一种简单而高效的服务器推送技术，在现代Web开发中扮演着重要角色。支持多种事件类型，客户端可以分别处理。
2025-10-27 18:01:43
781
原创 奇舞周刊第572期：信息量很大！AI结对编程核心思维模型
文章对比了Workflow和Agent框架，分析了Agent框架的优势，并介绍了AutoGPT、LangGraph等主流Agent框架的特点和适用场景，为技术选型提供了参考。介绍了Apex插件的设计与实践，通过SSO认证、知识库同步、远程Webview等功能，实现了AI辅助编码的高效流程，提升了开发效率并保障了代码质量。文章探讨了AI在编程中的应用，提出了VibeCoding概念，分析了AI编程中的沟通困境，并介绍了如何通过上下文工程和提示词优化提升AI编程效率。
2025-10-24 18:01:34
511
原创 ChatGPT AI 浏览器 Atlas
但是现在，只需要告诉 Atlas "帮我在北京市预定一家干净、交通方便、性价比高的酒店"，Atlas 会开始全网搜索，找到最适合的酒店，帮我们定好，对于像笔者这种有纠结症的，简直不要太爽。如果我们打开了浏览器记忆功能，那么 Atlas 会记录你询问过的问题，浏览过的网站，你感兴趣的话题，相当于自带了知识库，并且在需要的时候，主动调用这些记忆。再举一个生活中经常遇到的场景，当我们旅游预定酒店时，往往都是打开多个平台搜索，找性价比较高，干净、便宜、地理位置较好的酒店，这往往耗费我们大量时间和精力。
2025-10-23 18:00:49
821
原创 让 Sora2 AI视频更真实的10 条建议
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。真实画面的底层逻辑是“光线的因果链”——太阳在哪、地面湿不湿、空气有没有雾气、材质怎么反光，这些都必须呼应。当这些都合理恰当时，AI生成的视频，就会开始“有温度”。当风吹过时，应该不仅是头发动，衣服、灰尘、旗帜、甚至阳光束里的尘粒，都应随之反应。—给它规则、物理、惯性、错误，它才会像人类拍的。
2025-10-22 17:50:23
1316
转载 AI 技术是如何演进的？普通人学习 AI 的必修课！
在 AI 技术迅猛发展的今天，我们每天都能在社交平台上看到新的AI产品 — 能写文案、能画图、甚至能自动写代码。很多人都有这样的感受，它们看似离我们越来越近，但当我们真正想系统学习时，却往往不知从何入手。身边也总有同学或朋友问我：“我是纯新手，该从哪开始学AI？” 每次我脑子里闪过 “Transformer”、“Agent”、“RAG”、这些术语，但意识到对于尚未建立 AI 领域整体认知的初学者来说，直接深入这些技术细节并不合适。大家好，欢迎来到 code秘密花园，我是花园老师（ConardLi）。想要入门
2025-10-21 18:07:12
304
转载 优雅永不过时！你试过这样的函数重载吗？
在上面的例子中，两个实现匹配到的都是第一个函数签名（运行起来虽然会得到想要的结果，但是 TS 会报错）。在编写一些通用库 / 通用方法时，为了支持多种使用方式，就需要有多个参数，参数的数量和类型不同，所对应的处理方法也不同。如果匹配不到相应的函数类型，或者定义的实现函数参数或返回值类型不匹配，TS 就会报错，拥有完善的类型检查和提示。方法时，先写好最后一个函数参数占位，再写前面的参数类型，就可以随时获得代码补全提示，方法，最后一个参数为函数实现，之前的各个参数都是字符串，对应不同的参数类型。
2025-10-16 10:49:37
217
转载 与Cursor结对编程，掌握这个方法效率起飞！
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。所以当一个系统越来越大的时候，系统中到处充斥着各种“特殊”的逻辑，人的认知负荷越来越重，所以需求越来越难做：我们要花大量的时间来理解业务需求、评估和设计方案、分析影响面、在复杂的代码上继续累代码、在巨量的测试用例上继续累测试，难以快的起来。（姚顺雨在一次访谈中表达过类似的观点）。
2025-10-15 11:04:23
234
转载 鸿蒙开发简析
同时，依托强大的分布式能力（如跨设备数据同步、服务卡片、软总线通信等），还能实现设备间的无缝协同与资源共享。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。等），并支持自定义组件封装。：作为扩展能力，用于实现特定系统服务的对接，如 Service（后台任务）、DataShare（数据共享）、Form（服务卡片）、InputMethod（输入法）等。
2025-10-14 18:19:55
230
原创 初步了解n8n-开源的AI工作流
工作流编辑agent节点的时候，如果定义了key，相比传统上的自己记住上一个节点返回的key，然后填写这种方式不同的是，可以直接在左侧展示出来上一个节点暴露的key，设置可以直接拖拽使用。继承了近上百种的工具节点能力，可以将你自己之前的程序或者第三方的程序，快速的加入在这个工作流里面，让你之前的所有能力可以不零散的，快速的组合起来。每个AI Agent的节点，都可以设置一个对应的模型，以及这个模型对应的记忆管理器，和这个模型所要绑定的工具，这个和大多数的工作流工具都差不多。同时也要描述好你的参数是什么。
2025-10-13 18:23:15
1137
转载 假期前Cursor 1.7的这些重要更新，别忽视！（最完全讲解版）
现在这个能力被引入到 Agent 交互中，让人机协作的体验提升到了新高度。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。若处于允许列表模式，未在允许列表中的命令将自动在沙盒内运行，该沙盒可对您的工作区进行读写访问，但无法访问互联网。无论你是独立开发者还是团队协作者，Cursor 1.7 的这些新特性都将显著提升你的开发效率，让 AI 真正成为你的得力助手。
2025-10-11 16:13:40
965
原创 奇舞周刊第570期：产品经理也能“开发”需求？淘宝信息流从需求到上线的AI端到端实践
淘宝推荐信息流通过AI驱动的WaterFlow实践，解决了需求频繁、多端技术栈复杂等问题。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。文章分析了AI编程采纳率低的原因，如信息不对称、任务粒度过大、反馈循环缺失、角色边界模糊等，并提出了针对性的解决方案，包括建立规范化的协作流程、分层文档体系、Issue管理规范等，以系统性地提高AI编程的采纳率。
2025-10-10 18:01:24
521
转载 告别 Prompt 魔法与 JSON 解析：用 PydanticAI 构建类型安全的智能应用
通过定义清晰的模型结构，开发者无需手动编写复杂的 Prompt 调优或输出解析逻辑，PydanticAI 会自动完成类型验证和格式检查，让模型输出直接变成可用的结构化数据。PydanticAI 的出现，为这一问题提供了优雅的解决方案。它将类型定义、数据校验与模型调用深度融合，使开发者能够专注于业务逻辑，而无需被繁琐的 Prompt 调试和解析工作困扰。——它以类型安全为核心，将模型交互与数据验证结合，帮助开发者告别“Prompt 魔法”和繁琐的 JSON 解析，实现更高效、更可靠的智能应用开发。
2025-10-09 14:17:35
217
转载 别再瞎读源码了！高手都是这样拆解大型项目的
尽管像 React、Vue、Webpack、Babel 这样的开源项目源码结构清晰、质量较高，但本质上，它们仍然是普通的代码。通过这篇文章，我希望你能够掌握阅读大型源码的切入方式，未来在遇到新的框架机制、底层实现或 Bug 时，也能具备独立探索和解决问题的能力。等基础打稳了，再看源码才会真正“有感觉”。如果你有明确的问题，就直接在“你怀疑的地方”打断点，运行 demo，让程序走到那里。通过这个过程，你不仅能更清晰地理解 React 的状态更新原理，还能在开发中更高效地使用它，也更容易定位和解决相关问题。
2025-09-29 18:01:23
259
原创 奇舞周刊第569期：Claude Code 深度拆解：一个顶级AI编程工具的核心架构
工具系统包括文件、执行、分析等工具，结合LRU缓存和上下文管理优化性能。整体架构包含background.js、content.js等模块，支持规则管理、白名单和请求日志功能，帮助开发者提升效率。深入探讨浏览器缓存键机制，涵盖协议、端口、请求头等因素，通过性能测试验证优化效果，强调安全与性能的平衡。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。
2025-09-26 18:03:21
988
转载 CEF框架实践：构建Mac混合桌面应用
CEF专门为在第三方应用程序中嵌入基于Chromium的浏览器而设计，提供了生产级的稳定API和二进制分发版本。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。CEF框架的灵活性使其适用于各种应用场景，从简单的嵌入式浏览器控件到复杂的混合应用程序。随着Web技术的不断发展，CEF框架也在持续演进，为开发者提供最新的Web标准支持和性能优化。
2025-09-24 18:31:28
280
转载 前端开发AI Agent智能体，需要掌握哪些知识？
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。例如你的输入是“猴子喜欢吃”，LLM 会在自己海量的训练数据中计算，找到一个列表，其中“香蕉”的概率最大，它就返回“香蕉”。我个人也会继续在 AI Agent 领域继续深耕，把我擅长的面试、刷题、简历、教程等领域全部 AI 赋能，使用 AI 增加效率，以更快捷的服务于更多用户。你设计得越好，它补全得越准。
2025-09-23 18:14:25
248
转载 RN也有微前端框架了！Xtransfer在RN上的优化与实践-多bundle架构
因为多 Bundle 场景下要求不同 Bundle 的运行时对象要相互独立，但是 code-push 的下载后的存储路径以及内部的一些静态变量在 APP 全局单例的，所以在多 Bundle 场景使用 code-push 作为热更新方案需要对其进行二开改造。: biz 包加载在做之前我们也调研了市面上的方案，基本所有的方案都是通过监听 common 包的加载完成时机来实现的，这种方案的缺点是对原有的流程破坏比较严重，并且把 Bundle 加载的逻辑分散在各个文件中不利于管理。在综合对比几家方案后。
2025-09-22 18:02:49
207
原创 奇舞周刊第568期：初探：从0开始的AI-Agent开发踩坑实录
介绍了 Server-Sent Events（SSE）技术，适用于服务器到客户端的单向实时数据推送，与 WebSocket 对比，SSE 更简单易用，适合实时通知、日志显示等场景。总结了前端组件封装的多项原则，如基本属性绑定、注释使用、export 暴露、入参类型约束、class 和 style 定义、继承透传、事件配套、ref 绑定、自定义扩展性、受控与非受控模式、最小依赖、功能拆分、通用与业务组件区分、最大深度扩展性、多语言可配置化、异常捕获和提示、语义化等，旨在帮助开发者封装高质量组件。
2025-09-19 18:02:09
670
转载 还在死磕 README.md？你的前端项目更需要这个新玩意！
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。但问题是，随着 AI 在开发中的参与度越来越高，README 逐渐显得力不从心。这样一来，文档既保留了对人的友好，又能让 AI 高效融入协作。：Vite、Next.js、Monorepo，命令五花八门；：Lint 检查、单元测试、CI 构建，每天都要执行。这不仅是文档的升级，也是前端团队迎接智能开发的一步。
2025-09-18 18:02:00
276
转载 30分钟轻松掌握Cursor，快速提升开发效率和体验
人工智能在快速发展，目前AI辅助编程也已经从简单的补全代码发展到能大规模生成代码提升开发效率的阶段，为验证这些提效方案对于各类老项目（比如基于webx开发的项目）是否同样有效，使用Cursor在老项目中开发了一个项目的模块，效果非常好，简单对话就能快速生成符合老项目规范的代码框架，对开发效率和体验的提升非常有帮助，因此总结一篇文章分享和展示Cursor相关能力。Cursor还可以和MCP结合，实现更大范围的基础设施自动生成，比如自动创建项目需要的流程、账号、权限等。
2025-09-17 18:00:48
213
转载 2025年上半年前端技术圈生态总结
AI 时代已经到来，不管是技术还是其它行业，AI 每天在不断的迭代发展，辐射到各个行业，提升效率，提升质量。奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。，更多的是生成一堆冗余的代码，还需要大量手动优化等，不过整体上提升了很大的效率。
2025-09-16 18:00:52
245
转载 万字详解让大模型写出好代码：上下文窗口的工程化实践
以及需要在已有的代码上生成新的代码，这些能力都要求AI本身有一定的存储能力，能够把项目的上下文、代码文件上下文等内容进行存储，并根据拿到的这些信息来生成新的代码。从其他优秀的产品中学习经验是一种很好的方式，Cursor是一个已经有比较完整商业化能力，并且经过市场验证的IDE，而Claude又是一个强大的且比较新的AI大模型（其实GPT5更加新，但是它的写作能力比较差，而且输出的内容GPT味严重，不太容易看懂），那么我们就以它们的结合，在React官方项目中作为例子来看一下它们是怎么做的。
2025-09-15 18:03:32
257
原创 别让 AI 代码变成技术负债：Vibe Coding 提效实践
包含@ai-sdk/openai、@ai-sdk/react（v1.2.9+）及核心ai包，提供了与 OpenAI、Anthropic 等大模型的标准化对接能力，支持流式响应、提示词管理、模型切换等功能，是实现 “AI 辅助 Vibe Coding” 的核心工具。如果是企业生产级别，后期要进行大量维护的项目，可以用 Vibe Coding，但每次都需要对AI生成的代码有充分的了解，及时对错误的、冗余逻辑进行修正。通过约束 AI 的输出环境，可以保证生成代码的兼容性与可维护性，避免出现“拼凑式代码”。
2025-09-10 21:10:14
13308
转载 实现大文件上传全流程详解(补偿版本)
在日常开发中，大文件上传是个绕不开的坎——动辄几百 MB 甚至 GB 级的文件，直接上传不仅容易超时，还会让用户体验大打折扣。最近我用 Vue+Express 实现了一套完整的大文件上传方案，支持分片上传、断点续传、秒传和手动中断，今天就带大家从头到尾盘清楚其中的技术细节。所有分片上传完成后，前端需要通知后端「合并分片」，后端按分片序号排序，用「流（Stream）」拼接成完整文件（避免内存溢出）。，而是抽样读取部分片段（首尾分片全量 + 中间分片抽样），既能保证哈希唯一性，又能大幅提升大文件的计算速度。
2025-09-09 20:55:06
268
转载 前端必修课：万字长文带你搞定浏览器插件开发
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。任何从 popup.js、content-script 或其他地方用 chrome.runtime.sendMessage 发送到后台（background.js）的消息，都会进入这里。因为backgroud.js相当于一个大脑，他能调用插件的所有api，但是他不能操作页面的内容。插件就是给它装备的"外挂"
2025-09-08 17:53:45
246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人