- 博客(1308)
- 收藏
- 关注
RSS订阅转载 DeepSeek V3-0324探索-使用prompt生成精美PPT
API 接口和使用方式保持不变。这里是对整个页面的输出的要求，比如要求所有的代码都完整的输出到一个HTML中，这样方便展示，复制出来之后，直接浏览器打开HTML文件就行。这个prompt可以直接复制粘贴使用，可能是token长度的限制，DeepSeek在生成比较长的代码时会有中断的现象，这时候点击一下代码块右下角的continue就可以继续生成了。根据以上几点，我整理出了一份完整的prompt，适用于科技风数据展示类的，把待处理内容、时间和主题替换一下即可，如果待处理内容想要大模型自主搜索，可以不填。
2025-04-09 18:02:49
5
转载 MCP + 数据库，一种比 RAG 检索效果更好的新方式！
MCP Host，比如 Claude Desktop、Cursor 这些工具，在内部实现了 MCP Client，然后 MCP Client 通过标准的 MCP 协议和 MCP Server 进行交互，由各种三方开发者提供的 MCP Server 负责实现各种和三方资源交互的逻辑，比如访问数据库、浏览器、本地文件，最终再通过 标准的 MCP 协议返回给 MCP Client，最终在 MCP Host 上展示。但事实和想象还是有差距的，大家在实际尝试后可能会发现，RAG 的精准度似乎没有那么好。
2025-04-08 18:48:23
32
转载 前端开发中常见的 SEO 优化
并且这部分标准是不断变化的，如 Google 算法更新后，标题长度超过 60 字符的页面排名下降了 20% 左右（仅参考数据，实际上不同搜索引擎对标题显示的截断规则和排名权重存在一定差异，且排名受多种因素影响）。这部分提到的关键词，也是非常重要的一部分内容，包括关键词的筛选、数据分析、效果验证等，不同的网站也会有不同的处理，如小网站因为低流量，就可以把长尾关键词的优化放到低优先级。：优化后的网站可降低获客成本，提升转化率（研究表明，搜索结果首位的点击率是第二位的2.5倍）
2025-04-07 18:30:52
31
转载 Vue 团队成员新作：node-modules 可视化神器！
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。是 Vue 团队成员的又一力作，它不仅填补了前端依赖管理领域的一个空白，更为开发者提供了一个强大的工具。：通过分析依赖结构，你可以发现不必要的依赖，优化项目的依赖树，从而提升项目的性能和加载速度。：通过清晰的图表，你可以一目了然地看到各个依赖之间的关系，轻松定位冲突或冗余的依赖。
2025-04-03 18:08:37
127
转载 太炫了！首个专属于 Vue3 的动效组件库！
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。它不仅提供了丰富的动画效果，还支持高度自定义和灵活的集成方式，能够轻松实现吸引眼球的用户界面。如果你希望为项目增添炫酷的视觉效果，不妨尝试这个组件库，它一定会让你的项目更具吸引力。模型组件，鼠标悬停时会触发地球的旋转和放大效果，营造出沉浸式的视觉体验。，能够无缝集成到现有的项目中，为开发者提供现代化的开发体验。
2025-04-02 18:04:45
669
转载 一文看懂支付系统架构之第三方支付
但是随着网络交易的发展，两者的交换不可能做到同步完成，且双方极大概率上互不认识，互不信任，此时谁先进行交换动作，谁就处于被动的局面，因为对方可能不会履约完成他的义务，此时第三方支付另外一个功能就诞生了，第三方在交易双方中间充当一个中介角色，买方将货款付给第三方支付，第三方支付暂时将资金 hold 住，之后得到双方确认后再将货款转移给卖方，其运作实质是在收付款人之间设立中间过渡账户，并且资金的转移会被故意中断，在双方意见一致后才继续进行资金转移。支付系统经常听到的一个词语是备付金，备付金是个什么东西呢？
2025-04-01 18:03:43
42
原创 使用cursor和claude-3.7实现吉卜力风格的页面
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。由GPT-4o复刻的宫崎骏笔下的奇幻美学，通过Cursor与Claude-3.7的联袂，将吉卜力风格从动画荧幕搬进数字界面，让我们在视觉上有了更多的一种选择，在情感上也有了一种更多的体验。层叠的苔藓、透光的树冠、流动的雾气（如《幽灵公主》中麒麟兽森林）棉花糖般的积云、渐变色的黄昏（《哈尔的移动城堡》飞行场景）
2025-03-31 18:01:26
432
原创 奇舞周刊第551期：FlowGram开源前端流程搭建引擎
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。文章介绍 MCP（Model Context Protocol）协议，通过 Figma 和 MCP 服务器的结合，让运营人员也能制作活动 landing 页，探讨 MCP 的工作原理、意义、趋势，以及在实际使用中的局限性和未来展望。详解 JavaScript 各种算法在并行、并发、增量上的优化方案。
2025-03-28 18:02:20
501
转载 前端开发又幸福了，Cursor + Figma MCP 快速还原设计稿
使用 Figma MCP 对比之前我直接截图给 AI 进行还原，进一步提升了准确性，原先 claude 是需要识别图片，现在可以直接读取 Figma 的元数据了。我用自己的话理解，简单讲就是一个开放给 AI 应用访问外部某某平台，某某应用的一个接口，AI 可以通过 MCP 来获取到更具体的相关数据。指定要写入的文件，并提出相对应的要求。他支持绑定 MCP 服务，我使用的 0.45 版本，应该此版本以上都支持。最后的成品 下方是设计稿，上方是他一次性就实现的界面。还是很赞的，调整下高度和边距就可以用了。
2025-03-26 18:01:59
371
转载 怎么让 AI 在大型复杂项目中不拉垮？
如果每个子任务都对应新的上下文窗口，后面的任务如何知道之前的信息呢？但不管怎样，都或多或少会造成信息丢失，进而出现开篇提到的几种问题。多轮执行时，随着上述提到的信息不断积累，会迅速占满上下文。- 项目存在的原因、解决的问题、工作方式、用户体验目标。- 当前工作重点、最近更改、下一步计划、活跃决策。结合报错信息以及1、2步得到的信息，得出修复方案。- 系统架构、关键技术决策、设计模式、组件关系。- 已完成内容、待构建内容、当前状态、已知问题。- 使用的技术、开发设置、技术约束、依赖关系。
2025-03-25 18:01:36
47
转载 AI爬虫的大量出现
本文译者为 360 奇舞团前端开发工程师原文标题：The rise of the AI crawler原文作者：Giacomo Zecchini, Alice Alexandra Moore, Malte Ubl, Ryan Siddle原文地址：https://vercel.com/blog/the-rise-of-the-ai-crawler#geographic-distributionAI爬虫已成为互联网生态中不可忽视的存在。
2025-03-24 18:07:08
402
转载 Next.js 中的增量静态再生（ISR）：全面指南
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。是 Next.js 提供的一项创新功能，它允许开发者在不进行完整构建的情况下，动态更新静态页面。通过 ISR，页面默认以静态方式加载，带来更快的访问速度，而后台的增量更新避免了完整构建带来的性能损耗。时间间隔到达时，首次请求将触发页面的后台更新，更新后的内容将在后续请求中生效。允许开发者指定一个时间间隔（秒）。
2025-03-21 18:30:44
31
转载 用 mxgraph.js 打造超实用流程图：从入门到精通（附源码）
mxgraph.js是一款强大的JavaScript图表库，能够轻松创建交互式图表，包括流程图、组织结构图、UML 图等。它具有高度可定制性、跨平台支持以及丰富的文档和示例，使其成为开发者创建流程图的理想选择。由于官方文档全英文，所以接下来给大家分享一下基础的使用方法。通过本文的教程，我们可以轻松掌握使用mxgraph.js创建支持拖拽、框选、连线的流程图的基本方法。mxgraph.js的强大功能远不止于此，我们可以进一步探索其文档，了解更多高级功能，如布局算法、数据绑定等，以满足不同场景下的需求。
2025-03-19 18:29:45
54
原创 什么是MCP
奇舞团是 360 集团最大的大前端团队，非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。去中心化趋势：随着开源模型（如Llama 2）发展，未来可能出现分布式MCP网络，降低对单一厂商的依赖。从“孤岛”到“大陆”：MCP有望连接更多垂直领域（如教育、金融），形成跨模型协作的“AI生态系统”。：每个家电（空调、电视、音箱）都配有独立的遥控器，设备繁多，操作繁琐，用户需要一一操作完成指令。
2025-03-17 18:42:48
874
转载 JavaScript 提取 PDF、Word 文档图片，非常简单，别再头大了！
最近接了个需求，要求就是基于文档的 AI 问答，文档里面最常见的就是 PDF 和 Word 文档了，里面的内容无非就是文本和图片了，目前是没有直接接收这种文档的模型的，那么我们需要经过一些处理来进行。首先我们要先把图片和文本来进行处理，我这边的处理方式就是图片调用图片的模型来识别图片信息，将返回的信息和文档的文本作为后面的问答的前置 prompt，至于这些 prompt 就可以根据不同的需求来做不...
2025-03-13 18:00:46
59
转载 从DeepSeek到Manus：如何实现本地LLM微调+联网开发？
????目录1 LLaMA-Factory本地大模型微调2 本地大模型联网功能开发3 业务场景探索4 未来展望与实践建议从 ChatGPT 到 DeepSeek 再到最近大热的 Manus，AI 技术从模型端的破圈进一步扩展到了 Agent 方向。拥有一个定制化的、能够理解你业务需求的 AI 助手不再是科幻，而是触手可及的现实。然而，市面上的通用大模型往往难以深入理解特定领域知识，更不用说完全掌控数据隐...
2025-03-12 18:05:04
91
转载 Manus 爆火，再次证明 Computer Use Agent 的潜力
2025年3月4号晚，Monica.im 发布了一款通用型 AI Agent 产品：Manus(https://manus.im/)，从官网透露出的视频来看，这是一款基于 Computer Use 实现的 AI Agent，特点在于能够自主操作计算机完成更复杂的任务，例如做 PPT，分析股票市场变化，整理数据等。本文无意探讨 Manus 的具体能力，毕竟咱也没试用过，没资格评价。今天我更想聊聊它...
2025-03-11 18:01:08
124
原创 首个COZE应用开发实战篇
背景 由于coze等智能体兴起，将脚本性项目（非复杂业务）平移到coze是一个不错的选择，由平台为你封装了流程与大模型相关，不仅可以实现组件化，获取到数据后，可以借助大模型进行一定的分析，也可轻松发布应用或者智能体。初识coze 过去一年是大模型兴起的一年，Agent+项目也同时兴起，字节coze 也是同时兴起，字节变态的执行力，很快在Agent市场占有一席之地； 由于coze官网文档写的比...
2025-03-10 18:01:19
1251
原创 奇舞周刊第550期：前端已死命题背后：UI开发范式的底层变革
奇舞推荐■■■前端已死命题背后：UI开发范式的底层变革本文探讨了 AI 时代前端开发的变革，强调数据驱动开发的重要性，并分析了其与 AI 结合的潜力，为前端开发提供了新的思路。如何看待“首个真干活”AI—Manus？本文探讨了 Manus AI 的技术特点和应用前景。Manus 作为一款通用 AI Agent，能够独立完成复杂任务并交付成果，展示了强大的任务拆解和执行能力。多人在线协作的神秘代...
2025-03-07 18:00:54
965
原创 遗传算法
本文作者系360奇舞团前端开发工程师遗传算法是一种基于达尔文“适者生存”理论和孟德尔遗传规律的计算模型。它通过模拟生物进化的过程，在种群中进行选择、交叉和变异操作，从而逐步优化目标函数。遗传算法的核心思想是通过群体代的方式，不断生成更适应环境的个体，最终找到最优解或接近最优解的个体。算法的作用遗传算法主要用于解决优化问题，尤其是在传统优化方法难以奏效的情况下。它通过模拟自然界中的进化过程，逐步逼近...
2025-03-06 18:01:26
838
转载 字节最新AI 版IDE：用Trae开发网站打包信息追踪插件，国产版Cursor表现如何？
点击关注公众号，“技术干货”及时达！插件背景及项目概述在现代前端开发中，我们常常需要获取当前线上环境的代码构建信息，如项目打包人、打包时间、Git 版本信息等。在持续集成 / 持续交付（CI/CD）流水线中，这类信息尤其重要。来看一下几个真实的开发场景：「自动构建与部署的困扰」：公司的项目基于 GitLab 和 Coding 流水线进行自动构建和部署。每当开发人员提交代码后，测试同学常常询问 “...
2025-03-05 18:01:49
135
转载 deepseek本地部署（在线、离线）、知识库搭建（个人、组织）与代码接入
本文主要介绍deepSeek本地化容器化部署，知识库搭建与springAI接入。因笔者工作内容原因，也会介绍内网部署方式。一、deepSeek本地化部署本地部署方式我们采用ollama，简化部署、内网迁移流程。其他部署方式与对比，可参考：7种大模型的部署方案汇总需要提高模型推理效率，可参考:KTransformers1.1 windows与mac部署首先我们访问ollama官方网站：ollama....
2025-03-04 18:06:07
420
原创 Vue 3 如何用 Proxy 构建高效响应式数据？
本文作者系360奇舞团前端开发工程师Proxy 的核心机制在 Vue 3 中，Proxy 主要用于 拦截对象的基本操作，包括 属性读取（get）、修改（set）、删除（deleteProperty） 等。这是 Vue 3 取代 Object.defineProperty 的根本原因。Proxy 允许拦截的操作：操作作用get(target, key, receiver)读取属性时触发set(tar...
2025-03-03 18:01:15
981
原创 奇舞周刊第549期：从 React 看前端 UI 代码范式革命
奇舞推荐■■■从 React 看前端 UI 代码范式革命本文回顾了React在前端UI开发中的两次重大范式革命：组件化和函数式组件化。文章分析了React如何通过JSX、Hooks等创新推动前端开发模式的变革，并探讨了其对现代前端开发的影响和未来可能的发展方向。一个Rust小白发布生产级Rust应用的进阶之路文章分享了一位Rust新手如何从零开始构建并发布生产级Rust应用的经验。重点介绍了R...
2025-02-28 17:03:08
557
转载 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
从 Chrome 125 开始，支持了一个全新的 CSS 特性 - Anchor Positioning，翻译过来即是锚点定位。在之前的文章中，我们较为系统的讲述了这个新特性的使用，感兴趣的可以翻开一下前文：抢先体验！超强大的 Anchor Positioning 锚点定位[1]。在本文中，我们将使用锚点定位，实现一个简化版本的 Popover 功能。下面，我们将一起一探究竟。传统 Popover...
2025-02-26 18:56:41
56
转载 尤雨溪在2025年Vue.js nation 大会上的分享内容！
上篇文章《????????????Vapor Mode发布前，你应该知道的一些事情！》根据自己的经验，对3.6版本的改变做了一些预测！保留现有的响应式API！替换现在的VNode组件级渲染方案为精确的真实dom渲染！今天，我们一起来看看2025年1月3号的vue.js nation大会上尤雨溪的报告内容了！❝文章同步在公众号：萌萌哒草头将军，欢迎关注！???? 基于外星信号alien signals的响应式系...
2025-02-25 18:30:40
86
转载 2025 年最值得关注的 9 个现代化开源 JavaScript AI 开发库
虽然 Python 在 AI 领域有绝对优势，生态非常完整，但 JS/TS 也有它的独到之处，足以成为开发 AI 应用时的一匹“黑马”：性能优势：JavaScript/TypeScript 异步和非阻塞 I/O 的模式，在很多基于 Web 的场景里，性能表现并不逊色。无缝集成：想把 AI 功能嵌入到网页端，JS/TS 跟前端技术能完美配合，无需不断切换语言。包管理：npm、Yarn 等工具用起来很...
2025-02-24 18:30:22
84
转载 为什么选择 Nestjs 作为服务端框架，而不是 Express？
NestJS 采用了 AOP 的概念，尤其是通过其提供的拦截器（Interceptors）、守卫（Guards）、管道（Pipes）和自定义装饰器来实现。这些功能在 NestJS 中用于处理各种横切关注点，实现业务逻辑与非业务逻辑的解耦。AOPAOP 的中文全称为 Aspect Oriented Programming，翻译成人话就是 面向切面编程,那么什么是切面呢?你可以理解为一个汉堡，它的本质...
2025-02-20 18:01:13
81
原创 定高虚拟列表
有的特殊场景我们不能分页，只能渲染一个长列表。这个长列表中可能有几万条数据，如果全部渲染到页面上用户的设备差点可能就会直接卡死了，这时我们就需要虚拟列表来解决问题。定高虚拟列表在定高的虚拟列表中，我们可以根据可视区域的高度和每个 item 的高度计算得出在可视区域内可以渲染多少个 item。不在可视区域里面的 item 那么就不需要渲染了（不管有几万个还是几十万个 item），这样就能解决长列表性...
2025-02-19 17:02:12
294
转载 Chrome 推出全新的 DOM API！
大家好，我是 ConardLi，今天来聊 Chrome 最新推出的一个 DOM API智能总结： 这篇文章讨论了在 Web 开发中操作 DOM 结构时使用 insertBefore() 的潜在问题，并介绍了 Chrome 133 引入的新 API moveBefore()。传统的 insertBefore() 会导致元素状态重置，因为它在底层执行的是删除然后插入的操作，这在处理 <video...
2025-02-18 18:01:29
77
原创 奇舞周刊第548期：DeepSeek核心技术大揭秘
奇舞推荐■■■DeepSeek核心技术大揭秘文章剖析了DeepSeek不同版本的技术亮点与发展历程，通过架构图和性能指标展示其核心模块的原理和优势，为技术爱好者和从业者提供了使用指引和创新思路。提示词工程的十大认知误区文章指出提示词工程并非简单，存在多种常见误区，如认为一套提示词适用于所有场景、提示词越复杂越好等。作者强调提示词工程需根据场景灵活调整，结合模型能力持续优化，同时重视用户输入质量...
2025-02-14 17:09:55
1504
原创 AI Agent自动化操作浏览器的发展与应用
本文作者系360奇舞团前端开发工程师随着人工智能技术的迅猛发展，AI代理（AI Agent）正在成为互联网操作的关键工具。过去，AI代理技术多被应用于绕过反爬虫机制，帮助爬虫工具更高效地抓取网页数据。然而，随着技术的进步，AI代理的应用场景已经发生了显著变化。今天，AI代理不仅仅是解决爬虫问题的工具，它们更广泛地应用于自动化操作、智能化任务处理、个性化服务等领域，帮助人们更方便地浏览网页、管理信息...
2025-02-12 18:07:02
802
转载 一行代码提升 30%+ TS 类型检查性能
我是范文杰，一个专注于 AI 辅助编程与前端工程化领域的切图仔，欢迎关注：前言先说结论，强烈建议在所有复杂泛型场景中，显式提供泛型参数，这能够非常显著降低泛型类型推断的复杂度，进而提升 TS 性能，幅度甚至可能达到50%！例如，在使用 @douyin-fe/semi 库的 Form 组件时：未提供泛型参数：提供泛型参数：在未显式提供泛型参数时，构建耗时大约为2.3s，其中有 850ms 消耗在 c...
2025-02-11 18:05:50
76
原创 初识GraphRAG
本文作者系360奇舞团前端开发工程师随着大语言模型(LLM)飞速发展，LLMs正在以前所未有的速度改变着我们与信息互动的方式。然而，尽管 LLMs 具有强大的功能，但确存在一些明显缺点，比如幻觉问题、可解释性差、抓不住问题重点、隐私和安全问题等。大模型问题信息准确性问题：生成式模型可能会“幻觉”（hallucinate），即生成与事实不符的内容。比如预训练的数据不完整、过期，模型采用的训练策略有特...
2025-02-10 18:01:16
706
转载 JavaScript 框架 - 迈向 2025 年
本文译者为 360 奇舞团前端开发工程师原文标题：JavaScript 框架 - 迈向 2025 年原文作者：Ryan Carniato原文地址：https://dev.to/this-is-learning/javascript-frameworks-heading-into-2025-hkb我不确定今年是否会写这篇文章，写一些让人们对新技术的潜力感到兴奋的文章很容易，但 2024 年是接受现实...
2025-02-08 18:00:26
103
转载 从 DeepSeek 看25年前端的一个小趋势
从 DeepSeek 看25年前端的一个小趋势最近DeepSeek R1爆火。有多火呢？连我爷爷都用上了，还研究起提示词工程来了。大模型不断发展对我们前端工程师有什么长远影响呢？本文聊聊25年前端会有的一个小趋势。模型进步的影响像DeepSeek R1这样的推理模型和一般语言模型（类似Claude Sonnet、GPT-4o、DeepSeek-V3）有什么区别呢？简单来说，推理模型的特点是：「推理...
2025-02-07 18:42:25
130
转载 解读SourceMap
SourceMap的用途前端工程打包后代码会与源码产生不一致，当代码运行出错时控制台会定位出错代码的位置。SourceMap的用途是可以将转换后的代码映射回源码，如果你部署了js文件对应的map文件资源，那么在控制台里调试时可以直接定位到源码的位置。SourceMap的格式我们可以生成一个SouceMap文件看看里面的字段分别都对应什么意思，这里使用webpack打包举例。源码：//src/ind...
2025-02-06 18:30:57
94
原创 ECMAScript特性：正则表达式模式修饰符
本文为翻译本文译者为 360 奇舞团前端开发工程师原文标题：ECMAScript feature: regular expression pattern modifiers原文作者：Dr. Axel Rauschmayer原文地址：https://2ality.com/2025/01/regexp-modifiers.html传统上，我们只能将诸如 i（用于忽略大小写）之类的正则表达式标志应用于整...
2025-02-05 18:31:39
356
转载 2025 年值得关注的前端趋势
随着框架、工具和方法论的创新，2025年的Web开发正在以前所未有的速度进步。开发者正在见证现代应用构建方式的转变，性能、可扩展性和用户体验成为关注的焦点。React Server Components、Next.js和TypeScript等技术引领着潮流，而Svelte和Vue等框架则在提高效率和简化开发方面不断突破。随着这些技术的发展，想要在这个快速变化的领域中保持领先，必须拥抱这些前沿工具和...
2025-01-23 18:02:05
696
转载 Windsurf：面向未来的 AI编程工具详解
我是范文杰，一个专注于 AI 辅助编程与前端工程化领域的切图仔，近期有不少 HC，感兴趣的同学可联系我内推！欢迎关注：来自内部同学 黄健 的技术分享1. Windsurf 简介近期随着 Cursor 的爆火，AI 编程领域再次聚焦了诸多开发者的目光，当许多人认为这就是 AI 编程的终极产品时，Windsurf 的横空出世让这个赛道变得更加生动和多元化，随着这些创新产品的持续涌现，我们相信未来 AI...
2025-01-22 18:01:10
1762
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人