- 博客(107)
- 收藏
- 关注
RSS订阅
原创 基于 Vue 开发一个 多人聊天室（万字长文） - 从 0 到 1 篇
前言在上个月初，接到一个需求，要开发一个 聊天通讯 模块 并且 集成到 项目中的多个 入口，实现业务数据的记录追踪.接到需求后，还挺开心，这是我第一次 搞 通讯 类的需求，之前一直是 B 端 的业务需求，不过现在也是在做这个方向，感觉 B 端 方向 挺有意思，管理着项目的整个项目上游和下游，然后服务于 内部人员 和 外部人员 使用，感觉挺自豪的。下面就就跟着我来看看 如何 开发一个 聊天通讯 服务吧 ! (主要站在前端的角度来讲如何开发设计 )技术栈Vue 2.xWebsoketV
2021-09-16 14:20:21
5727
14
原创 AI 越来越强，为什么打工人反而越来越累、越来越内耗了？
最近做 AI 项目越来越忙，我发现一个挺矛盾的现象：AI 明明是帮人提高效率的，但身边不少深度使用 AI 的朋友反而越来越累，包括我。程序员、普通打工人、独立开发者都在经历新的变化。准备分享 聊聊我使用 AI 两年多以来的一些真实感受。
2026-09-07 10:56:44
178
原创 一个 AI 应用开发程序员的一天，都在屏幕前忙些什么？
现在做 AI 应用，电脑桌面比以前写纯前端时乱多了。VS Code、业务页面、FastAPI 接口文档、终端、数据库工具和大模型对话窗口，经常同时开着。
2026-07-24 14:57:10
220
原创 Seedream 4.0 简直绝了！
Seedream 4.0由字节跳动Seed团队研发，是一款革命性的AI图像生成工具，解决了当前AI生图工具在细节失真、中文渲染等方面的痛点。该工具具备4K分辨率、秒级生成、生成编辑一体化等优势，在电商产品图、营销海报、职场设计、宠物写真等多个场景展现出卓越性能。通过实际测试案例显示，Seedream 4.0能精准还原产品细节，生成符合中文互联网生态的高质量图像，为用户提供高效优质的创作体验。相比市场上同类产品，Seedream 4.0在中文直出、场景还原等方面具有明显优势，标志着AI内容创作进入新阶段。
2026-05-08 14:21:01
248
原创 Prompt神器一键自动优化提示词：PromptPilot
经过前面的铺垫，我们来看看PromptPilot是如何解决这些痛点的。我在前段时间测评使用过一段时间，感觉还不错，现场亲眼看到个产品的演示时，我的第一感受是：这就是我一直在等待的工具。参加这次发布会，最大的收获不是学会了某个具体技术，而是对AI应用有了全新的认知框架。PromptPilot让我看到了Prompt工程的未来方向：从手工艺变成工程学，从个人经验变成系统方法，从一次性交付变成持续优化。这种转变不仅能提高效率，更能让更多的企业享受到AI技术的红利。当然，工具再好也只是工具。
2026-05-08 14:14:18
387
原创 设计圈真的要变天了：ChatGPT Image 2 不只是会生图了
这两天，我连续测了几轮 ChatGPT Image 2，越测越有一种很强烈的感觉：设计圈真的要变天了。
2026-04-23 13:57:34
598
原创 Python logging日志库详细使用记录
对 Python 项目来说，logging本质上不是“打印字符串”，而是运行时观测系统。它解决的是三件事：代码现在跑到了哪、关键状态是什么、出错时怎么回溯。
2026-04-09 16:12:03
291
原创 深度体验 在微信里直接操控 OpenClaw
WorkBuddy是一款将OpenClaw AI能力接入微信的桌面智能体工具，用户通过微信发送指令，AI在桌面端自动执行任务并反馈结果。测评显示其支持开发类任务（如生成文档、代码），但明确限制隐私相关操作。测试案例包括生成Markdown文件、自动转网页、创建PDF等，展现了任务拆解和主动调用Skill的能力。优势在于清晰的链路设计、复用OpenClaw生态、安全可控，但复杂任务响应较慢。该工具降低了AI使用门槛，未来有望进一步扩展场景。
2026-03-16 10:12:08
1095
原创 我的2025：做项目、跑副业、见人、奔波、搬家、维权、再回上海
2025 年，如果让我用一句话定性，我会说：**我在变强，也在重新选择自己的人生结构。**这一年我做了很多事，多到我一度不敢回头看。表面上看，我一直在“往前”：写内容、做项目、跑副业、见人、奔波、搬家、维权、再回上海。可只有我自己知道，真正折磨人的不是忙，是那种反复出现的瞬间——我突然意识到：我不是在冲，我是在**被生活推着跑**。
2026-02-04 17:12:13
870
原创 白天写代码，晚上修自己：RD280UG专业编程显示器深度体验分享
白天写代码，晚上才有时间和自己待一会儿。最近这段时间，我几乎都在夜里用电脑写项目、折腾新东西。这篇文章记录了我在这种状态下，使用 RD280UG 专业编程显示器的一些真实感受——它没有改变我熬夜的事实，但让我在长时间写代码时，少了一点消耗，多了一点舒服。
2026-01-29 11:18:29
717
原创 2025年上半年前端技术圈生态总结
2025年前端技术发展聚焦AI融合与工具链优化：AI编程助手（如GitHub Copilot）显著提升开发效率，但存在代码冗余问题；TypeScript成为标配，结合shadcn/ui等组件库提升开发标准化；框架层面，Next.js 15强化服务端渲染，React 19和Vue 3.6分别优化数据获取与轻量运行时；构建工具Vite取代Webpack成为主流，Node.js生态则转向ES Modules并扩展AI支持。整体趋势呈现工具智能化与全栈化特征，开发者需平衡效率与代码质量。
2025-10-24 19:15:03
922
原创 Nuxt3：自动导入&渲染模式&服务器引擎&生产部署&模块化
Nuxt是基于Vue.js的框架，提供项目结构和全栈功能。它具备自动化特性（如自动导入组件和API）、支持TypeScript和无缝渲染模式（服务端、客户端、静态站点和混合渲染）。Nitro服务器引擎支持全栈开发，可部署到多种环境。Nuxt简化了现代Web开发，整合了路由、构建工具等核心要素，同时保持灵活性和模块化。
2025-09-17 13:45:30
1099
原创 2025年上半年前端技术圈生态总结
2025年前端领域发展聚焦工具链优化与框架迭代：AI工具（Cursor、Copilot）提升开发效率但存在依赖风险；TypeScript成为标配，结合shadcn/ui等组件库优化开发体验；Next.js 15和React 19强调服务器渲染与性能优化；Vue 3.6推出轻量级Vapor Mode；Vite取代Webpack成为主流构建工具；Node.js 22.x原生支持ESM并扩展AI能力。整体趋势呈现服务器端转移、类型安全强化与AI深度集成。
2025-09-05 13:23:08
1151
原创 MCP 神器！MCP-USE 一键部署连接任何 MCP 服务器
摘要： 程序员海军分享了一款名为mcp-use的开源Python库，它简化了LLM（大语言模型）与MCP服务器的连接，支持快速构建自定义AI智能体。该工具具备开放性（兼容多种LLM提供商）、灵活性（JSON配置多服务器）和易用性（简洁API），支持多种连接方式（Stdio/HTTP/SSE）及高级功能（动态服务器选择、工具访问控制）。开发者可通过pip安装，几行代码即可实现任务执行、流式输出和调试，显著降低AI智能体开发门槛。项目地址：https://mcp-use.com/。
2025-08-14 11:31:29
642
原创 Python import 详解
Python的import机制用于引入模块和包，支持多种导入方式如整个模块导入、别名设置和特定对象导入。模块搜索路径依次为当前目录、PYTHONPATH和Python安装路径。包是包含__init__.py的文件夹，用于组织模块。Python还支持动态导入，但需注意避免循环导入和命名冲突问题。与前端模块系统相比，Python的import更灵活，提供了更多导入选项和动态加载功能。
2025-08-05 17:29:42
997
原创 程序员最强外设，这才是Coding该有的样子！
对于我们程序员而言每天接触最多的就是显示器和键盘了，好的显示器太重要了，记得我当初出来工作的时候，那会用的 1920×1080 显示器，那款显示器陪伴了我3年多，它记录了我从小白走向职场的过程，因为长时间看显示器，视力也下降了，有时看到屏幕就眩晕，说的有点夸张，不过确实是这样的。工作了两年后，跳槽了之后，工资了涨了，该对自己好点了，于是那会我买了mac，4k显示器，之前的不适没有那么不适了，更爱上了Coding，工位也整理的整整齐齐的，学习效率起飞！ 下面聊聊我近期体验的一款是显示器，这块也不错，体验下来。
2025-08-05 13:13:03
1162
原创 AI领域又新增协议： AG-UI
摘要： AG-UI（Agent-User Interaction Protocol）是由CopilotKit团队推出的开源协议，旨在解决AI智能体与前端应用间的通信标准化问题。该协议采用事件驱动架构，支持双向交互与多种传输方式（如SSE、WebSockets），兼容性强且无需重构现有系统。AG-UI与A2A、MCP协议互补，专注于智能体与用户的实时协作，提供Python和TS的SDK及完整开发工具链。通过统一交互标准，AG-UI为开发者简化接口维护，提升用户体验，推动AI应用向更自然、高效的交互演进。 关键
2025-07-31 16:24:55
1219
原创 使用 Kiro AI IDE 3小时实现全栈应用Admin系统
快速搭建的Python全栈项目，使用FastAPI+MySQL开发后端（2-3小时完成）和Next.js+TypeScript开发前端（5分钟完成）。项目包含用户管理、权限控制、双令牌认证等完整功能，采用AI辅助开发大幅提升效率。技术栈包括FastAPI、SQLAlchemy、JWT认证等后端技术，以及Next.js14、TailwindCSS等前端框架。通过这个实战项目快速掌握了Python生态，为后续大模型开发打下基础，展示了AI编程的强大生产力。
2025-07-31 16:22:06
1389
原创 Trae + Google 插件 = 效率爆炸！
今天给大家带来我基于最近很火的 字节神器Trae 实践， 使用它 + Google 来我快速开发了一款书签插件，使用效果不错，其实我去年也开发了一款，使用人还挺多的。下面来聊一聊主要实现和有哪些特性。去年开发的一个简洁高效的 Chrome 扩展程序，帮助你快速检索和访问书签。通过优雅的界面设计和智能的搜索功能，让书签管理变得更加轻松。
2025-02-07 13:41:03
2300
原创 Next Server Components 和 Client Components 的区别
在服务端渲染，提高初次加载速度和 SEO，但不能使用客户端特性。在客户端渲染，支持状态管理和浏览器特性，但增加了初次加载的 JavaScript 包的体积。文章分享就到此结束了，如果大家觉得文章不错的话，可以关注我:程序员海军，后续还会分享更多Web最新最全的动态。
2025-02-05 11:28:37
1061
原创 一文带你了解 Next Route理论到实战
文章分享就到此结束了，如果大家觉得文章不错的话，可以关注我:程序员海军，后续还会分享更多Web最新最全的动态。服务器组件嵌套客户端组件metadata对象generateMetadata功能layout.jspage.js。
2025-02-05 11:15:09
1257
原创 手把手教你在Vue3 封装 一个通用 EChart 图表组件
支持动态数据：接收外部传递的配置和数据，自动更新图表。多种图表类型：允许通过配置项切换不同类型的图表（如折线图、柱状图等）。组件生命周期管理：自动初始化、更新和销毁 ECharts 实例，防止内存泄漏。方法暴露：通过ref暴露组件方法（如手动更新、导出图表）。
2025-02-05 11:08:00
722
原创 2025 Nuxt3 生态总结
Nuxt3生态的分享就到此结束了，如果大家觉得文章不错的话，可以关注我:程序员海军，后续还会分享更多Web最新最全的动态。
2025-02-05 10:59:45
1698
原创 API 风格选对了，文档写好了，项目就成功了一半！
在前后端开发中，API文档和API风格设计是提高开发效率、减少沟通成本、确保系统稳定性的关键环节。一个清晰、易用的API文档可以帮助前端开发者快速理解接口的使用方法，而完善的测试则能尽早发现潜在问题，避免上线后出现故障。接下来，我们将从API风格设计和API 文档两个方面，详细探讨如何提高开发效率。API风格设计项目如何选择合适的API风格？RESTful API 是基于架构风格设计的API。
2025-02-05 10:57:28
1030
原创 小程序&企业微信&微信OAuth 2.0授权指南
近期，我在致力于打造自己的小程序产品时，迎来了一项关键性的进展——的完整实现。从用户登录到权限获取，我们细致入微地梳理并实现了每一项授权机制，确保了用户体验的流畅与安全。
2024-12-30 15:37:19
2665
1
原创 2024 Nuxt3 年度生态总结
hello，大家好，我是程序员海军。很荣幸能与大家分享我今年的第三篇文章。在过去的一年里，我深入探索了Nuxt3，并在多个项目中实际应用了这一前沿框架，从而对其功能和应用有了全面而深刻的理解。今天，我要带给大家的是一篇关于2024年Nuxt3生态发展的全景扫描。在这篇文章中，我们将一起探讨Nuxt3的多元化生态，涵盖UI库、请求库、工具库、状态管理、国际化、图标库、表单处理、Nuxt官方模块，以及数据可视化等多个维度。这些内容将帮助我们构建出更加健壮、高效、用户体验卓越的Nuxt3应用。
2024-12-30 15:35:45
1026
原创 [面试必备] 深度剖析 Vue3 生命周期
在更新完成后被调用（组件的 DOM 已经更新完毕）。在更新发生之前被调用（响应式依赖发生改变之前）。当虚拟 DOM 重新渲染时调用，也主要用于调试。在挂载完成后被调用（组件挂载到DOM树上后）。当一个响应式依赖被跟踪时调用，主要用于调试。在挂载开始之前被调用（组件实例被创建后）。在卸载开始之前被调用（组件实例被销毁前）。在卸载完成后被调用（组件实例被销毁后）。当捕获组件树中的一个错误时被调用。
2024-10-27 14:37:20
608
原创 全新升级：学习Vue精华总结，一切尽在掌握！
在这里，不论你正准备跨入Vue的世界，还是老司机寻求新的技巧，我们的内容都将贴近实战，直击核心，让你的每一步都坚定而有力。加入我们，我们一起，为你的前端之路添砖加瓦，让你走得更稳，更远，直至视野尽头的广阔景致。让我们一起，抗击技术迅猛的潮流，不断前行！迎接前端领域的不断演进，我们的特色专栏成为了探索无限可能的舞台。我们承诺，将持续更新Vue3、Vue2以及整个Vue生态的技术动态！每一篇内容都是精心策划，旨在为你呈现最深入的框架应用分析和最前沿的前端技术趋势。
2024-02-21 10:38:09
269
原创 Vue3开发利器：超实用Npm Modules推荐与实战
在 Vue 3 项目中，使用自动导入的 npm 包可以显著提高开发效率。这些包通常帮助自动导入组件、API、插件等，减少手动导入的需要。
2024-01-25 13:56:51
318
原创 Vue中使用TypeScript：全面指南和最佳实践
Vue3和TypeScript，如何让它们成为你项目的黄金组合？在这篇文章中，我们将为你揭示整合Vue3和TypeScript的利益，以及如何通过这一强大组合提高开发效率和代码质量。跟随我们一起解锁Vue3和TypeScript的无限可能吧！"
2024-01-25 13:35:42
789
原创 TypeScript 函数教程 - 深入理解和使用 TypeScript
介绍TypeScript函数的定义、调用和特性。本教程帮助你深入理解TypeScript函数，并通过实践增强编程技巧。
2024-01-17 10:09:29
413
原创 探索Vue3：深入理解响应式语法糖
当使用基于类型的 props 的声明时，无法很方便地声明这些 prop 的默认值。为此我们提供了 withDefaults() 这个 API，但使用起来仍然很笨拙。name?: string,name : '海军' , phone : '123123123123' }) props . namename : '海军' , phone : '123123123123' }) props . name。
2024-01-17 10:00:35
315
原创 Vue3 使用 Teleport 封装 一个 Dialog
是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。简单的说，Teleport 可以把模板代码 传送到 其它组件中，
2024-01-05 19:44:53
1360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人