- 博客(360)
- 收藏
- 关注
RSS订阅转载 Google Chrome DevTools MCP：AI 代理现在可以在浏览器中调试、测试和修复代码
接着它使用 navigate-page 工具访问页面，再用 take_snapshot 工具截取快照，并返回结果：我已导航至 http://localhost:5173/，页面标题为 “tunein”，但页面内容似乎是空白的。我们想看看应用的运行情况，以及控制台中是否有错误。
2025-11-16 23:56:40
17
转载 很严重了，大家别轻易离职。。
除了大模型技术讲解，还有能够震撼到每一个程序员的、超详细、最热门的大模型商业化应用案例。让AI自主干活，通过工具调用（Tools）环境交互，多步推理完成复杂任务。构建垂类场景下的智能助手（如制造业中的设备故障诊断Agent、金融领域的投资分析Agent等）掌握主流大模型（如DeepSeek、Qwen等）的微调技术，针对特定场景优化模型性能。5个步骤，覆盖超多业务场景，培养全栈开发能力，轻松成为大模型应用开发工程师。课程由AI大模型领域大佬们联合打磨研发，老师们将大模型技术原理讲透的同时，！
2025-11-14 12:01:33
12
转载 AI编程工具实力对决：2025年顶尖工具深度评测，从Cursor到v0，谁是你的最佳拍档？
他们对当前备受瞩目的AI编程辅助工具进行了梯队划分与实力剖析，不仅探讨了各工具对专业开发者与非技术背景创造者的不同契合度，更着重指出了在技术选型中，对开发团队与生态系统的信任度是多么关键。但需要注意的是，它与Vercel生态系统深度捆绑，若需对接其他后端服务，则需要额外的导出操作。：尽管这款工具的技术实力足以被评为B级甚至A级，但由于其创始团队发生重大变动并经历收购，其后续团队的稳定性成为一个巨大的问号。拥有庞大的用户社区与详尽的教程资源，其代理能力和对Claude Sonnet模型的整合是其杀手锏。
2025-11-12 14:01:06
58
原创 展望2025：React状态管理该如何进行技术选型？
有些Provider开始相互依赖，有些则根本不适合置于应用根部，于是你试图将它们下移到更靠近消费方的地方——但在下一次重构中却忘得一干二净，最终导致某些依赖Context的组件行为异常，因为它们“丢失”了上层的Provider。又或者，你可以选择更高阶的路径（或许是高阶中的高阶？但如果你需要跨越三层以上的组件层级来传递状态，或者类似的情况在整个应用中反复出现，那么这很可能是一个信号：你的架构出问题了。任何带有“你需要忘掉之前学的一切”暗示，或引入某种“全新的、概念化的思维模型”的工具，都会立即被我排除。
2025-11-03 21:45:59
823
转载 技术、业务、管理：一个30岁前端的十字路口
这意味着我要走出代码的舒适区，去开更多的会，去啃那些枯燥的业务文档，去和各种各样的人扯皮。一个不懂管理（影响他人）的工程师，他的想法再好，也只能停留在自己的电脑上，无法变成团队的战斗力。
2025-10-29 00:15:57
23
转载 AI赋能开发：滴滴前端工程师的生产力跃迁实战指南
在这场变革中，成功的关键在于我们自身角色的主动升级：从纯粹的“代码实现者”，向“AI协作者”与“项目指挥官”转变。通过给予AI清晰的指令、进行合理的任务分解、提供及时的迭代反馈，并深刻理解AI的能力边界，我们就能将这个时代赋予的强大工具，转化为无与伦比的生产力。
2025-10-28 09:04:30
47
原创 React 开发者的进阶心法：将 SOLID 原则融入高质量代码实践
在测试时，我们可以轻易地传入一个模拟的 `fetchUsers` 函数，也可以在未来轻松地将其替换为使用 `axios` 或 `GraphQL` 的其他实现。
2025-10-26 08:50:47
294
原创 解构 React 19.1：一次颠覆性的开发体验升级
可以说，这是 React 团队首次让框架的各个核心模块高效协同，旨在解决开发者长久以来的痛点：以更精炼的代码处理通用场景，并无需引入外部依赖库，即可打造出更为顺滑的应用体验。
2025-10-25 08:22:31
316
转载 我用STAR 法则回答React 18+面试题后，面试官眼神变得如此清澈….
在传统的同步渲染中，更新开始后整个组件树需要完整渲染结束才能响应新的用户输入，这会发生阻塞（例如在加载大型图表或复杂页面时刷新的瞬间卡顿）。在面试中，回答 React 18 及以上版本的新特性时，需要既展示扎实的理论知识，又结合实际应用和项目经验，结构清晰、层次分明。例如，“采用以上方法后，搜索组件在输入时的流畅度明显提升，始终保持 60 FPS 的渲染帧率；它会返回一个推迟处理后的值，在底层它的行为类似于自动的去抖动（debounce），仅在必要时才更新副本，从而避免输入时刻每次都过滤整个数据集。
2025-10-24 09:00:05
47
转载 牛叉！Vue3 彻底封神！
是指运行一段具有特定功能的代码块的行为，以增强其处理能力，实现更复杂的任务，使大模型能够集成外部工具和资源，提升交互性和实用性。为了帮大家尽快提升大模型实战能力，收获高薪offer，我邀请了圈内资深大佬、阿里终身MVP，专为技术人设计了。课程包含非常实用、靠谱、高含金量的企业级真实案例拆解，覆盖多个业务场景，帮你掌握AI应用开发底层逻辑！用大模型落地前端业务需求、开发企业级AI应用，用RAG、微调等大模型技术落地AI交互场景！用一手数据资源、项目资料，拆解大模型产品的技术架构，逐行解析代码，手搓全流程！
2025-10-21 12:01:00
20
原创 前端架构决策实战：从菜鸟到资深的思维跃迁与工具框架
随着经验积累，不断提升对权衡和抽象的敏感度，将使你的团队能够灵活应对各种挑战，从而真正实现业务价值与立项成本的最优平衡。相比之下，初级开发者更倾向于以功能实现为导向，关注眼前问题的快速解决，而缺乏对长期演进和系统整体的考量。
2025-10-19 10:52:05
282
原创 Cursor 火力全开！v1.7 版本上线：Agent 智能补全、Hooks、团队规范
就在昨天，Claude Code 推出了 2.0 版，其中一个亮点就是在 VS Code 环境中集成插件，还提供了侧边聊天界面，这有点类似于 Cursor 的设计。
2025-10-14 13:17:53
503
原创 优秀的的React开发者避开的五大常见失误
假设你的应用包含多个页面，且每个页面都包裹了相同的错误边界组件，那么用户切换到其他页面时，错误界面不会自动清除。相反，useLayoutEffect会在DOM更新后同步触发，从而确保在屏幕重绘前，用户始终看到最终一致的状态。
2025-10-13 22:03:00
350
转载 React组件架构：9大模式打造坚不可摧的用户界面
默认提供灵活性，高级场景可插入自定义行为，区分“可复用”与“可配置”。：完全掌控标记、样式和布局，同时复用已验证逻辑（如可访问性、ARIA角色和键盘交互）。受控组件适合表单集成，非受控组件渲染更高效且易于上手。
2025-10-13 00:01:07
81
原创 面试官问我组件库，我从设计哲学聊到源码落地，他当场叫我下周来上班
它不仅是文档，更是活的组件“游乐场”。“嗯，简历不错，” 面试官身体向后一靠，十指交叉，露出了一个看似和善实则暗藏杀机的微笑，“看你写了负责过公司级组件库，那……当你能把一件看似普通的工作，讲出它的设计哲学、架构思想、系统价值和商业影响时，无论是升职加薪，还是顶级Offer，都会主动来敲你的门。上，我们借鉴原子设计的思想，并通过组合优于继承的API设计原则，让业务方能灵活地进行二次开发，而不是去fork我们的代码。” 我们把自己困在了“执行者”的牢笼里，日复一日地重复劳动，然后抱怨“前端内卷”。
2025-10-12 09:29:43
428
转载 Vite打包优化实践：从分包到性能提升
只在对应功能模块中使用，可以单独打包出来，用户使用对应功能，才会下载对应js脚本。属性，阀值设置为 20 KB，模块大小，大于20kb的才会单独打包成chunk。
2025-09-19 11:49:26
100
转载 快速掌握 Docker：前端开发者也能轻松玩转容器化
简单讲，就是我们软件开发的时候需要依赖一些环境，比如前端需要 Node.js，后端可能需要 Java、Python 或数据库（如 MySQL、Redis）等。这些环境如果直接安装在本地，不仅配置繁琐，而且可能出现版本冲突，导致“在我电脑上没问题”的尴尬情况。
2025-09-17 09:30:18
43
转载 最近，前端的招聘市场已经疯掉了。。。
是指运行一段具有特定功能的代码块的行为，以增强其处理能力，实现更复杂的任务，使大模型能够集成外部工具和资源，提升交互性和实用性。课程包含非常实用、靠谱、高含金量的企业级真实案例拆解，覆盖多个业务场景，帮你掌握开发底层逻辑！用一手数据资源、项目资料，拆解大模型产品的技术架构，逐行解析代码，手搓全流程！老师从高薪岗位入手，拆解大模型岗位能力模型，以及需要的核心技术。说点实在的，AI大模型爆火后，身边好多程序员已经变成了“等等，直击大模型技术实战，让你从容面对AI技术革新！
2025-09-12 12:00:58
58
转载 像高手一样调试程序
在日常工作中，我们很容易停留在自己熟悉的那一套工具里，不去了解别的选择，不去查看更新日志，也不知道其他人都在用什么工具解决类似的问题。有不少人告诉我，他们的同事说 “打印是不好的做法”，但在我讲完之后，也有人跑来和我说 “太高兴有人告诉我，打印其实不是错的”。
2025-09-11 11:45:54
37
转载 好厉害，现在 AI 一个字一个字蹦出来，好像人打字一样
用 Node.js 调 ChatGPT API 搞个流式聊天效果，就跟官方那个一样一个字一个字往外蹦，贼拉简单！买服务器，国内受限，买个外国的服务器，按量付费，自己玩玩，配置低也没关系。后台给的，去复制写上去就好了。
2025-09-10 11:45:21
66
转载 AI能写出这些代码吗？分享一些不错的JS/TS代码片段
如：映射联合对象类型，并以类型的Value为新类型的key。以下代码实现方法顺序执行，不论同步还是异步，示例一，根据已知类型的键映射出新类型键。让我们一起学习进步.下方小助手二维码或者扫描二维码。
2025-09-09 11:45:54
40
转载 2025 还在用 ECharts？试试字节这款很新的开源图表库，图表全，颜值高，易使用！
⑥ 动画支持：VChart 提供了多种动画类型，包括入场动画、更新动画、退场动画和常态动画，这些都可以直接在配置中使用。下方小助手二维码或者扫描二维码。
2025-09-08 11:45:25
223
转载 Figma MCP Server 介绍：专为 AI 编码工具设计的服务器
Figma-Context-MCP 是一个很有价值的工具，它通过为 AI 提供 Figma 设计的结构化信息，从而增强 AI 编码代理 (如 Cursor) 的能力。
2025-09-06 11:45:31
22
转载 面试官：如何减少页面卡顿？
通过把方法传递给_setTimeout_，也就等同于重新创建了一个新的任务，延迟了回调的执行，而且使用该方法，_即便是将delay时间设定成0，也是有效的_。
2025-09-03 11:45:57
40
转载 实战！从 0 到 1 搭建 H5 AI 对话页面
起初，我打算借助 UniApp 现成的插件快速完成，可深入了解后发现，这些插件无法满足项目需求，于是踏上了自主开发的征程。SSE 全称 Server - Sent Events，能让服务器实时推送更新到客户端，特别适合 AI 对话场景，实现逐字返回对话结果，给用户带来流畅的交流体验。虽然领导没要求，但我看到腾讯元宝在流式输出文本时的自动滚动和手势拖拽功能，觉得很实用，决定在项目中实现类似效果。最初，我计划在前端实现语音转文字。但老板是福建人，方言复杂，担心前端识别准确率低，便放弃了这个想法。
2025-09-02 12:53:52
71
转载 Nginx 性能优化全方案！打造一个高效服务器
Nginx采用异步非阻塞的方式处理请求，这种方式可以充分利用CPU资源，提高并发处理能力。然而在高并发、大流量的情况下，Nginx的性能可能会受到一定的影响。因此，对Nginx 进行性能优化是非常必要的。每个工作进程都有一个默认的线程数，即Nginx的事件处理模型中包含的线程数。Gzip压缩是一种常用的网页压缩技术，可以减少传输的数据量，提高页面加载速度。日志是排查问题的重要手段，但是过多的日志会导致磁盘空间不足，影响系统性能。需要注意的是，线程数并不是越大越好，因为线程之间的竞争可能会导致性能下降。
2025-09-01 08:09:50
66
1
转载 NodeJS+LLM搭建一个属于自己的知识库
它还支持多种索引类型，包括基于LSH的索引、基于KD树的索引、基于哈希的索引等。看了很多知识库的文章，但是一直不了解知识库是如何使用NodeJS搭建的，索性就自己使用NodeJS搭建一个知识库。Qdrant是一个开源的向量数据库，它可以存储和检索大量的向量，并提供高效的搜索和聚类功能。由于各个模型之间需要的参数格式不一样，这边还需要两个对查询结果格式进行转换的函数。以上的服务端代码编写完成之后，我们还需要写一个对应的客户端代码才行，这里采用。这里就正式开始写代码了，首先开始写服务端的代码。
2025-08-27 12:00:39
111
转载 Vue3 + 一个冷门 API，实现了浏览器多屏投屏，效果太惊艳了！
看着这个图的第一时间我就去找产品掰扯，想让他把这个功能pass掉。我在想浏览器怎么访问到系统的参数。当我去翻阅文献的时候发现国外有大佬做出来了这个功能而且很全面。但是使用原生的html写的。我决定参考他的demo把他搬到大屏的项目里头。最近接了个大屏项目，产品想在不同的显示器上展示大屏项目不同的页面，做出来的效果图大概长这样。vue组件代码就很简单了就不展示了。在指定的显示器新开一个窗口。
2025-08-26 12:00:03
64
转载 作为前端Team Leader，我是如何做技术选型、项目排期和新人培养的？
硬要上React，那我得先掂量掂量，有没有时间搞培训，大家愿不愿意学，项目等不等得起。一个冷门的技术，可能文档都找不到几篇，遇到问题，谷歌都搜不到，那真是叫天天不应。但看的目的不是为了批评他，而是借着他的代码，告诉他我们团队的编码规范是什么样的，为什么要这么写。我刚工作时就遇到过这种，一个人对着一堆过期的文档，两眼一抹黑，连个问题都不知道该问谁，那种无助感现在还记得。以前自己写代码，好坏都是自己的事，代码烂了，加班补上就行。当老板找我谈话，说想让我带前端团队的时候，说实话，我第一反应是“完了”。
2025-08-25 12:01:17
48
转载 面试官灵魂拷问：接口在 Postman 测试很快，页面加载咋就慢？
排查接口在页面加载慢的问题，可以先看 TTFB 和 Download 阶段：TTFB 高多半是后端或网络瓶颈，Download 高则可能是响应体过大或压缩缺失。在跨域请求时，如果带了自定义请求头或者使用了不属于“简单请求”的 Content-Type，就会触发 预检请求（OPTIONS），额外增加一次 RTT。总结经验：Postman 调用接口快而页面加载慢，常见原因是浏览器额外开销，例如 CORS 预检、Cookie 过大、JS 计算和第三方脚本渲染，这类情况占大多数。接口本身的设计也直接影响性能。
2025-08-24 12:00:37
74
转载 前端登录token到底应该存在哪？LocalStorage、SessionStorage还是Cookie？一篇说透！
攻击者通过某种方式（比如评论区）向你的网站注入了恶意的JavaScript脚本。，所以银行服务器会认为这个请求是你本人发起的，于是转账就成功了。只要你的网站存在XSS漏洞，存在里面的任何数据都能被轻易窃取。综合以上所有分析，我们终于可以给出当前公认的最佳、最安全的方案了。但这种方便的背后，隐藏着巨大的风险。允许在“顶级导航”（如。**：生命周期很短（如15分钟），用于访问受保护的API资源。一个错误的选择，可能会直接导致你的网站出现严重的安全漏洞。**安全** (防XSS+CSRF), **体验好**
2025-08-23 12:01:18
169
转载 通过代码看 React 的历史
他最初做了一个叫 “FaxJS” 的个人项目，后来改名为 “FBolt（Functional Bolt）”，再后来，它就成了 “React”。虽然大部分（大概 90%）广告相关的功能都可以用 Bolt 实现，但在项目中仍有一些情况，团队不得不脱离自己的框架，采用不太声明式的解决方案。多年来，我在使用 React 的过程中也一直有同样的疑问，直到某一天，突然恍然大悟。多年来聆听 React 核心团队的交流，再加上对这个工具演变过程的观察，终于让我彻底理解了它的设计逻辑。在 Web 的发展历程中由来已久。
2025-08-22 12:44:31
59
转载 React已死，Vue已凉，前端AI彻底称王！
是衡量大语言模型“从量变到质变”的关键，是针对特定场景的AI解决方案。是指运行一段具有特定功能的代码块的行为，以增强其处理能力，实现更复杂的任务，使大模型能够集成外部工具和资源，提升交互性和实用性。AI大模型技术实战—— Transformer 架构的 核心原理、应用 Fine-tuning 技术，精准微调AI大模型，制造、医疗、金融等各行业都在加速AI应用落地，未来企业更看重能用AI大模型技术重构业务流的技术人。老师们将大模型技术原理讲透的同时，还将丰富的商业化AI应用项目无偿分享，帮大家快速打通。
2025-08-21 12:01:28
142
转载 前端也需要了解的 MCP 知识
随着越来越多的公司在招聘前端的时候，加入AI相关的技能要求，建议大家还是随时关注AI领域的最新技术发展，虽说现阶段AI还不会替换掉我们，但AI辅助编码基本已经正在成为各个公司的主流方向，对AI了解的越多，越能提高我们在新的AI时代的竞争力。就像上边的那张图片 MCP 提供一种标准的接入协议,只要是按照 MCP 开发的服务端就可以在 MCP 客户端中接入(这他么不是废话吗!这里实现两个简单的 MCP 服务一个时间时间工具 和 简单的 GitHub 搜索,把官网 MCP 服务端的两种写法都实践一些。
2025-08-07 13:36:23
142
转载 取代前端岗，又一新兴岗位在崛起！这才是前端人未来5年最好的就业方向！
是衡量大语言模型“从量变到质变”的关键，是针对特定场景的AI解决方案。是指运行一段具有特定功能的代码块的行为，以增强其处理能力，实现更复杂的任务，使大模型能够集成外部工具和资源，提升交互性和实用性。2节直播课，为你展示如何利用RAG、Fine-tuning的技术来改善大语言模型的使用！解析大模型底层原理，和技术架构！老师们将大模型技术原理讲透的同时，还将丰富的商业化AI应用项目无偿分享，帮大家快速打通。等热门大模型产品的技术架构，逐行解析代码，手搓全流程！剖析AI技术的应用场景，用实战经验落地AI技术。
2025-08-05 12:02:28
102
转载 前端复杂表格一键导出看这篇就够了
设置每一个表头列所要显示的信息和应该匹配的 key，但是它无法设置多级表头，所以需要换一种思路，摒弃列（表头）的概念，把表头也当成一行数据来自己写入。如果没有 children，计算这一个数据的宽度将会占用几个单元格，也就是几列，这个列数就是需要合并的列数，合并完之后索引值加1。如果一个单元格合并过一次，就不能再合并，所以如果有行和列都需要合并的单元格，必须一次性同时进行行和列合并，不能拆开为两步。的返回值是被添加的行的数组，然后循环对每行设置字体和对齐方式，就完成了对整个 excel 的样式自定义。
2025-07-30 10:02:39
231
转载 面试官：前端批量请求失败 Toast 重复弹窗怎么解决？
在实际开发中，前端常遇到 多接口并行请求 的场景：场景1：电商结算页同时调用库存、优惠券、地址校验接口场景2：后台管理系统批量提交多个表单场景3：分片上传大文件时触发多个分片请求用户痛点：若每个请求失败都弹出提示，用户会看到多次重复的 Toast，体验极差。核心问题：如何让 批量请求中的多个错误，仅触发 一次全局提示？业务背景：用户点击结算按钮后，前端并行请求5个接口：问题复现：弱网环境下，5个接口同时失败，触发5次弹窗：用户反馈：“页面疯狂弹窗，根本不知道发生了什么！”技术目标：无论多少请求失败，只弹一次
2025-07-21 19:35:51
71
转载 9个高级前端必会的性能优化API你都知道几个？
简单来说，它可以监听某个元素是否进入或离开视口，以及可见部分的比例。隐藏不在视口中的元素，减少不必要的渲染，提高滚动性能。，并在尺寸变化时执行回调函数。
2025-07-15 09:34:42
52
转载 月薪已炒到6W？强烈建议前端人冲一冲这个新兴领域
但后续的趋势一定是AI应用落地！结果GPT、DeepSeek火了之后，整条线上的人都开始有点慌了，大家都在想：“我是不是要学大模型，不然这饭碗还能保多久。除了大模型技术讲解，还有能够震撼到每一个程序员的、超详细、最热门的大模型商业化应用案例！RAG、AI Agent、Transformer 架构的核心原理、应用 Fine-tuning 技术。掌握主流大模型（如DeepSeek、Qwen等）的微调技术，针对特定场景优化模型性能。课程由AI大模型领域大佬们联合打磨研发，老师们将大模型技术原理讲透的同时，！
2025-07-10 12:09:00
42
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人