自定义博客皮肤VIP专享

*博客头图：

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览 取消 提交

自定义博客皮肤

-+
上一步保存

MKliudan的专栏

两年>>三年>>五年.......每段内存，用心分配，用心编写！！！

  • 博客(73)
  • 资源 (22)
  • 收藏
  • 关注
排序：
按最后发布时间
按访问量
RSS订阅

原创 重大学习css3 的filter之drop-shadow牛逼

这个属性只能说牛逼，很牛逼filter：drop-shadow（x,y,blur,color）-webkit-filter：drop-shadow（x,y,blur,color）1. 可以给png图片加阴影，box-shadow做不到看代码效果如图对于切图并加阴影的png图，方法十分适合2.drop-shadow阴影不叠加（1）.box-

2016-06-19 22:09:13 2271 1

原创 从Vue到Spring Boot：一个前端程序员在AI时代的全栈转型之路

摘要 本文讲述了一位前端开发者从Vue转向Spring Boot的全栈转型历程。作者在CSS动画调试的深夜顿悟前端的局限性，意识到自己过度专注界面细节而缺乏后端系统理解。面对AI编程助手的冲击，他决定深入Java生态学习企业级后端开发。通过将前端概念映射到Java世界（如Promise对应CompletableFuture），借助AI作为"技术翻译官"快速掌握核心概念。实践环节复刻博客系统时，作者体会到Spring Boot分层架构的设计哲学，从数据模型到业务逻辑的完整实现。这段转型经历不仅扩展了技术视野，

2026-08-14 12:29:58 201

原创 破局与重生：大厂前端如何借力 AI 转型“超级全栈“

摘要： 在互联网存量时代，前端工程师面临业务边缘化、技术同质化等挑战，而AI技术为其转型"超级全栈"提供了新机遇。前端天然具备用户体验敏感、JS/TS生态熟练等优势，结合AI可突破传统全栈的技术壁垒。通过TypeScript全栈化（Next.js/NestJS）、Serverless云原生（免运维）和AI工程化（LangChain等），前端能快速构建智能应用。转型核心在于从"执行者"升级为"产品构建者"，利用AI生成逻辑层代码，专注业务流设计与验证。这一路径大幅降低了后端与运维门槛，重塑前端工程师的技术竞争

2026-08-14 12:07:00 279

原创 道法术器：软件架构的四维穿透与工程师的跃迁之路

文章摘要 本文以中国哲学"道法术器"为框架，系统阐述了软件架构的四重境界：从顶层理念到落地实践。在"道"层面提出五条第一性原理，包括复杂性定律、康威定律、熵增定律等；"法"层面介绍DDD、SOLID原则、CAP决策等工程方法论；"术"层面分析架构模式的选择标准与实践要点。文章强调真正的架构能力不在于技术堆砌，而在于对复杂性的认知与驾驭，指出架构师必须同时关注技术系统与组织系统，在持续演进中平衡各种约束条件，最终实现业务价值与技术实现的同频共振。

2026-08-07 11:44:40 150

原创 2026年AI编程工具完全配置指南：VS Code、Trae、Trae-work、WorkBuddy、QCoder实战技巧

2026年，AI编程工具已从"辅助补全"进化为"协作开发伙伴"。从微软VS Code的插件生态，到字节跳动Trae的原生AI IDE，再到WorkBuddy的桌面级AI助手和QCoder的轻量编码方案，开发者面临的选择前所未有的丰富。本文将深入剖析五款主流AI编程工具的配置技巧与使用心法，重点围绕代码层面的配置展开，帮助你构建高效的AI驱动开发工作流。VS Code作为最开放的代码编辑器，其AI能力完全依赖插件生态。2026年主流AI编码插件包括：安装建议优先从VS Code官方市场获取，注意选择评分高于4

2026-08-06 18:17:09 352

原创 AI时代技术工程师的“道法术器势“：学习图谱、成长规划与角色重塑

AI时代的技术工程师，正站在一个历史性的转折点上。大模型、Agent、RAG这些"器"的爆发，既带来了前所未有的能力放大，也带来了前所未有的认知混乱。在这个时代，学习一门新框架、掌握一个新API，已经不再是核心竞争力——因为"器"的迭代速度远超个人学习速度。道，让你始终清楚"为什么做"，不为技术而技术，不为AI而AI，始终站在客户和业务的角度思考价值创造。法，让你能够把个人经验转化为团队规范，把一次成功复制为持续成功，建立可复用、可度量、可治理的AI工程体系。术。

2026-08-06 10:38:53 299

原创 AI 知识库与智能检索：高阶面试实战指南

层级核心能力决定什么数据层版面解析、语义切片、结构化知识的上限检索层知识触达的精度生成层SFT、LoRA、Prompt 工程答案的质量推理层系统能否上线评估层RAGAS、NLI、自动化指标迭代闭环架构层缓存、并发、降级、容量规划能否扛住流量掌握这些，你不再是可被替代的"API 调用者"或"Prompt 调参师"，而是不可替代的 AI 基础设施架构师。祝面试顺利。

2026-08-05 12:19:59 158

原创 AI时代全栈面试通关指南：从背八股到聊架构

AI时代全栈面试通关指南：精华摘要 本书核心价值：帮助开发者在AI编程时代转变面试策略，从代码实现能力转向系统设计思维。 面试新趋势： 从"手写代码"转向"问题诊断"（如内存泄漏排查） 从死记API转向架构权衡分析（如虚拟DOM的价值） AI工具使用需展现审查能力而非简单复制 技术要点速览： 前端：闭包陷阱、事件循环机制、性能优化数据驱动 后端：B+树索引优势、事务隔离级别、缓存三大问题 分布式：CAP实际应用、Redis数据结构场景化使用 面试话术模板： 性能优化："先Lighthouse量化，再针对性优

2026-08-03 18:17:32 194

原创 深度融合与价值重构：人工智能与未来社会的全景演进

这场融合并非没有阵痛。落地过程中，数据隐私、算法偏见、就业替代等问题如同路障般真实存在。但这正是“自上而下”设计存在的意义——通过制度设计来规避技术风险。未来已来。AI与各行各业的碰撞，最终形成的将不是一个冰冷的技术丛林，而是一个更具温情、更有效率、更加公平的智慧共生体。在这个过程中，我们终将明白，AI解决的不是“如何让机器变聪明”的问题，而是“如何让人类活得更从容”的问题。当琐碎归于算法，当繁重归于机器，人类才真正拥有了仰望星空的自由。这便是这场深度融合最动人的归宿。

2026-08-03 10:56:41 462

原创 深度融合与价值重构：人工智能与未来社会的全景演进

这场融合并非没有阵痛。落地过程中，数据隐私、算法偏见、就业替代等问题如同路障般真实存在。但这正是“自上而下”设计存在的意义——通过制度设计来规避技术风险。未来已来。AI与各行各业的碰撞，最终形成的将不是一个冰冷的技术丛林，而是一个更具温情、更有效率、更加公平的智慧共生体。在这个过程中，我们终将明白，AI解决的不是“如何让机器变聪明”的问题，而是“如何让人类活得更从容”的问题。当琐碎归于算法，当繁重归于机器，人类才真正拥有了仰望星空的自由。这便是这场深度融合最动人的归宿。

2026-07-31 11:49:23 185

原创 AI与万物融合：从顶层设计到草根落地的全景图景

未来AI与各行各业、与人类生活的融合，既不是乌托邦的自动降临，也不是反乌托邦的不可避免。它是一场需要同时动用头脑和双手的宏大工程。自上而下，我们需要战略远见来设定航向，需要架构设计来搭建舞台，需要治理框架来划定边界，需要生态构建来凝聚合力。没有顶层设计，AI融合将陷入无序的野蛮生长，被短期利益绑架，被安全风险反噬。自下而上，我们需要在技术底座上精耕细作，需要在行业场景中深度嵌入，需要在生活褶皱里扎根生长，需要在反馈迭代中持续进化。

2026-07-31 11:21:25 151

原创 “155规划”视域下公安行业AI应用全景剖析与市场前瞻（2024-2029）

中国公安信息化建设历经二十余年的跨越式发展，已完成从“单机录入”到“联网共享”，再到“移动警务”的两次历史性飞跃。当前，正值“十四五”规划深化落实的关键窗口期，也是公安信息化“155规划”架构全面落地的攻坚期。所谓的“155规划”架构，在公安行业语境下，通常指代**“一个大数据中心、五大综合应用平台（指挥、情报、侦查、防范、管理）、五大支撑体系（标准、安全、运维、人才、机制）”**。

2026-07-28 16:11:40 333

原创 破茧成蝶：从传统科技到AI原生的组织进化论——基于“势道术法器”的深度解析

善战者，求之于势。所谓“势”，就是事物发展的客观趋势和外部环境。在商业世界里，顺势而为如顺水行舟，逆势而为则如螳臂当车。AI是副驾驶，人是机长。综上所述，从传统科技公司转型为AI原生开发公司，绝非局部的修补，而是一场系统性的进化。势是时代的洪流，告诉我们“为何要转”；道是思维的内核，告诉我们“转成什么样”；法是组织的骨架，告诉我们“如何支撑转型”；术是员工的血肉，告诉我们“具体如何落地”；器是手中的利刃，告诉我们“用什么工具战斗”。

2026-07-27 17:44:51 196

原创 2026-05-12-技能专题

ClawHub 与 Claude Code 技能生态正在快速发展，形成了以 Skills、MCP、Commands、Hooks、Plugins 为核心的完整扩展体系。核心洞察ClawHub 作为"AI Agent 的 npm"，已收录 13,700+ 技能，周活跃开发者 5,000+MCP 协议正在成为 AI 工具集成的事实标准Skills 正在从"提示词集合"演变为"具有自我进化能力的智能体"

2026-05-19 10:39:25 476

原创 2026-05-09-技能专题

MCP 是 Anthropic 推出的开放标准协议，用于连接 Claude Code 与外部工具和数据源。通过 MCP 服务器，Claude Code 可以直接访问 issue 追踪系统、数据库、监控系统等外部服务。

2026-05-09 18:24:05 202

原创 ClawHub 与 Claude Code 技能生态专题报告

技术生态分析。

2026-05-08 17:36:28 239

原创 2026-05-06-技能专题

2026-05-06ClawHub 技能市场 + Claude Code 插件生态。

2026-05-06 20:56:51 307

原创 2026-04-26-技能专题

MCP 是管道，Skills 是流过管道的水。大多数用户只需关注 Skills 层面。

2026-04-26 09:53:48 393

原创 2026-04-20-技能专题

> MCP 是管道，Skills 是流过管道的水。大多数用户只需关注 Skills 层面。

2026-04-20 17:28:14 451

原创 2026-04-15-技能专题 (1)

2026年3月，Claude Code 发布了史上最大规模更新（一次性1096次提交），Skills 功能正式升级为一等公民，引入了热重载、生命周期钩子、分叉子智能体等核心特性。本专题将全面梳理 Claude Code Skills 与 ClawHub 两大技能生态的最新动态。官方出品元技能：让你能够构建、验证和打包自己的 Claude Code 技能是让 Claude 真正"为你定制"的核心能力创建一个 code-review 技能，遵循我们团队的代码规范。

2026-04-17 14:30:08 527

原创 2026-04-16-技能专题

MCP 是管道，Skills 是流过管道的水。大多数用户只需关注 Skills 层面。

2026-04-17 14:27:26 451

原创 2026-04-17-技能专题

摘要：本文分析了ClawHub与Claude Code Skills两大AI技能生态系统的对比及最新趋势。ClawHub作为开源技能市场，采用MIT许可和AgentSkills.io标准，支持跨平台流通；而Claude Code Skills则通过官方审核确保安全性。文章重点介绍了ClawHub热门技能如self-improving-agent（AI自我进化）、ontology（知识图谱）和CalDAV日历同步，并列出官方必装Skills如PDF处理和Excel操作。最后探讨了多智能体协作趋势及插件开发套件

2026-04-17 14:26:18 977

原创 2026-04-15-技能专题

2026年3月，Claude Code 发布了史上最大规模更新（一次性1096次提交），Skills 功能正式升级为一等公民，引入了热重载、生命周期钩子、分叉子智能体等核心特性。本专题将全面梳理 Claude Code Skills 与 ClawHub 两大技能生态的最新动态。官方出品元技能：让你能够构建、验证和打包自己的 Claude Code 技能是让 Claude 真正"为你定制"的核心能力创建一个 code-review 技能，遵循我们团队的代码规范。

2026-04-15 16:32:58 508

原创 AI开发工程师技能学习指南

LLM应用开发需求爆发：RAG、Agent、Prompt Engineering 是标配技能工程能力被高度重视：能训练 + 能部署 + 能优化的人才稀缺多模态是加分项：视觉-语言-语音融合能力越来越受重视垂直领域经验值钱：有医疗/金融/自动驾驶等行业经验的开发者溢价明显开源贡献是硬通货：GitHub 主页比简历更有说服力。

2026-04-14 14:33:55 745

原创 2026-04-12-技能专题

MCP 是管道，Skills 是流过管道的水。大多数用户只需关注 Skills 层面。

2026-04-13 14:37:47 263

原创 ClawHub 与 Claude Code 技能生态专题报告

ClawHub 与 Claude Code 技能生态专题报告日期：2026-04-12收集范围：ClawHub 技能市场 + Claude Code 插件生态一、生态概览1.1 ClawHub 技能市场指标 数据总收录技能数 13,700+安全审核通过率 ~87%高质量精选列表 2,868 个周活跃开发者 5,000+最高安装量（单项技能） 180,000+核心特点：被称为 “AI Agent 的 npm”支持向量语义搜索，可用自然语言查找技能。

2026-04-13 14:36:00 966

原创 AI Agent Skills 技术专题：ClawHub 与 Claude Code 技能生态深度解析

本文深入解析AIAgentSkills技术生态，聚焦ClawHub与ClaudeCode两大核心平台。ClawHub作为OpenClaw官方技能市场，拥有3,286+技能，具备向量搜索和版本控制特性，其安全机制通过VirusTotal集成和人工审核保障。ClaudeCodeSkills则提供26+官方技能，覆盖创意设计、企业办公等场景。文档详细介绍了SKILL.md格式规范、技能目录结构及安装方式，并列举了self-improving-agent等明星技能。同时分析了SkillsMP、SkillzWave等

2026-04-09 10:59:13 525

原创 AI开发全流程（产品/UI/前端/后端/测试）规范文档（适配Claude Code集成学习）

AI开发全流程（产品/UI/前端/后端/测试）规范文档（适配Claude Code集成学习）前言本文档针对AI相关产品（含Claude Code联动场景，如墨刀MCP适配、高保真原型生成），梳理产品、UI、前端、后端、测试各环节的设计、开发、测试规范，确保全流程标准化、高效化，降低沟通成本，保证产品质量，同时适配AI工具（Claude Code）的使用，实现规范与AI辅助的高效结合。核心原则：标准化、可落地、可复用、适配AI辅助开发，兼顾规范性与效率，贴合大厂设计开发标准，同时适配小团队快速迭代需求。

2026-04-08 11:41:42 460

原创 安防行业复出战略分析报告

安防行业2026年复出战略分析摘要 本报告基于PEST模型分析了2026年安防行业环境，指出国产化、下沉市场、AI大模型应用等机遇，同时警示价格战、合规等风险。市场呈现三梯队格局，建议采取差异化竞争策略：聚焦智慧零售、工业安全等细分领域，采用轻资产+云原生模式，重建"直销+伙伴+线上"渠道组合。核心战略包括品牌重塑、产品精准定位、现金流管理及产业资本合作，强调避开头部厂商主战场，通过技术创新和服务转型实现弯道超车。报告提供了完整的商业计划框架和风险应对方案，为行业重返者提供系统性路径参考

2026-04-01 14:09:26 364

原创 MiniMax 和OpenClaw视频生成环境配置指南

MiniMax视频生成环境配置指南 本文详细介绍了配置MiniMax视频生成环境的完整流程，包括： 通过三种方式安装minimax-multimodal-toolkit技能（推荐ClawHub在线安装） 安装必要的jq工具用于JSON处理 设置MiniMax API密钥和端点（区分中国和全球版本） 提供完整的视频生成命令示例，包括文生视频(t2v)、图生视频(i2v)和多段视频拼接(long_video) 补充了TTS语音生成和音乐生成等辅助功能的使用方法 所有步骤均提供PowerShell和bash两种命

2026-03-31 16:23:20 803

原创 OpenClaw 安全运维技术文档

OpenClaw 官方文档与社区资料国家网络安全通报中心安全风险预警国家互联网应急中心风险提示OpenClaw 安全使用实践指南OpenClaw 日志与调试技巧CI/CD 最佳实践DevSecOps 理论与实践OpenClaw 运维实战案例文档版本：v1.0最后更新维护者：运维守护者。

2026-03-29 20:42:11 424

原创 Claude Code 国内部署问题与实战场景全景指南

Claude Code国内部署与实战指南摘要 核心问题与解决方案： 网络访问问题：建议使用API中转服务或本地代理 账号安全：避免共享账号/IP，使用合规中转平台 支付门槛：选择支持国内支付的中转平台 环境兼容：系统权限配置和依赖管理 上下文管理：拆分大项目，定期清理会话 四大角色实战场景： 研发工程师：代码生成、单元测试、问题排查 测试工程师：接口/UI自动化测试、测试优化 产品经理：PRD生成、竞品分析、需求对齐 项目经理：项目规划、风险预警、报告生成 落地建议： 分阶段实施，从基础场景到深度集成 避免

2026-03-24 15:10:14 449

原创 python如何搞定智能体

本文介绍了Python在AI开发中的核心能力，分为基础能力和AI/ML能力两部分。基础能力包括面向对象编程与异常处理：通过抽象基类BaseAgent定义智能体通用接口，DataAgent实现具体数据处理；使用自定义异常类AgentError和装饰器handle_errors实现统一错误处理，LoggerManager管理日志配置。AI/ML能力展示了LangChain框架集成：LangChainAgent类封装了OpenAI模型调用，提供PythonREPL工具和计算器功能，支持代码执行和数学计算。这些技术

2026-03-22 18:34:57 315

原创 Claude Code实战介绍、命令大全和运维处理指南

摘要 《Claude Code 实战介绍与运维处理完全指南》详细介绍了Anthropic开发的智能编码助手Claude Code的核心功能和使用方法。主要内容包括： 产品概述：Claude Code是终端集成的AI编程工具，具有项目理解、自主执行、自然语言交互和安全设计等特点。 安装配置：提供多种安装方式，包括npx直接运行和全局安装，并详细说明认证配置方法，特别针对国内用户给出解决方案。 命令大全：分类介绍基础命令、斜杠命令、文件操作、项目管理、权限管理等实用功能，涵盖代码编辑、项目分析和Git操作等场景

2026-03-20 15:43:26 965

原创 服务器运维文档管理命令大全

本文档汇总了Linux服务器运维常用命令，分为四大类：1)系统信息查看命令，包括系统基本信息和硬件信息查询；2)文件和目录管理命令，涵盖基础文件操作、内容查看编辑和权限管理；3)进程管理命令，包含进程查看监控和控制；4)网络管理命令，涉及网络配置查看和连接测试。文档提供了详细的命令示例和说明，是Linux服务器运维人员的实用参考手册，可帮助快速定位系统问题、管理文件系统、监控进程状态和配置网络参数。

2026-03-20 15:05:37 189

原创 Chrome 控制台（Console）完整命令文档（最新通用版）

本文档整理了Chrome开发者工具控制台的完整命令，包含基础操作、DOM操作、调试、网络监控和性能分析等核心功能。主要内容包括：1) 基础输出命令（console.log等）和计时/计数功能；2) DOM元素快速选择($/$$)和操作命令；3) 代码调试相关命令（断点设置、变量监控）；4) 网络请求监控和模拟；5) 页面性能分析工具；6) 浏览器存储操作。这些命令可直接在控制台输入使用，适合前端开发调试和日常问题排查。

2026-03-19 15:56:19 1163

原创 OpenClaw 完整命令文档（2026.3.13 最新版）

本文档为OpenClaw 2026.3.13通用版使用指南，包含核心命令大全。主要内容包括：1）基础安装/升级/卸载命令；2）ClawHub扩展安装命令（支持飞书/钉钉/企微等平台连接）；3）Skills技能安装命令（实现聊天/搜索/记忆等功能）；4）飞书机器人授权与配对命令；5）启动运行与配置检查命令；6）工作区与记忆管理命令；7）插件安全设置命令；8）调试日志命令；9）飞书机器人一键部署简化流程。文档特别强调飞书机器人部署需feishu扩展+对应技能+用户授权的完整配置，所有命令均需在终端执行，安装后需

2026-03-19 15:19:26 1251

原创 Linux操作系统运维命令大全

【代码】Linux操作系统运维命令大全。

2026-03-16 15:59:51 657 1

原创 未来5年，普通人如何抓住技术新机遇？（图文全解析）

技术浪潮正以肉眼可见的速度重塑我们的工作与生活。未来5年，哪些领域将爆发？普通人又该如何入局？一文+多图，看懂所有机会！

2026-03-05 16:22:01 394

原创 好看的大屏统计图

大屏可视化背景是构建整个数据大屏视觉体验和氛围的基石。它远不止是一张“好看的图片”，而是承载数据、引导视觉、传达主题的关键元素。以下是对大屏可视化背景的全面描述，涵盖其核心作用、主要类型、设计原则和未来趋势。这是目前通过柱状、饼状、折现、列表等多种展示方式表示比对、占比、趋势等全方位的数据分析。1、渐变柱状图dom元素options参数2、横向柱状图比例展示dom展示css3、折线图domoptions4、饼状图、滚动图、联动5、折现、柱状融合图ome.csdnimg.cn/ima

2025-10-11 16:13:06 354

shell编程总结
对shell中，网络通讯的总结和区别，是代码文件，希望多多点评

2013-10-25

Cesium地图反选遮罩，支持自定义遮罩颜色
Cesium地图反选遮罩，支持自定义遮罩颜色

2021-09-26

Ceisium点位聚合js插件
Ceisium点位聚合js插件

2021-09-07

基于华为联网平台的rtsp流和云台控制
基于华为联网平台的rtsp流和云台控制功能开发，放大、缩小。鼠标滚轮

2021-10-22

前端css按钮动效支持阴影边线
按钮动效

2021-10-08

Cesium性能优化图元数据数据管理js库
Cesium性能优化，支持海量点位，同时支持鼠hover事件和点击事件

2021-09-15

微信小程序波普图（canvas）生成
读取mp3波普图，用cavas生成的波普图

2021-09-07

封装canvas各种方法的vue组件
封装canvas各种方法的vue组件、文字、多行文字7矩形、图片功能的vue；canvas组件

2021-09-07

Cesium下雪js代码
Cesium下雪js代码

2021-09-07

Cesium流线图js代码
Cesium流线图js代码

2021-09-07

Cesium热力图代码
Cesium热力图代码

2021-09-07

Cesium 热力图代码
Cesium 热力图代码

2021-09-07

vue对接海康播放器插件组件
vue对接海康播放器插件组件

2021-09-07

nodejs对字符串进行编辑并生成文件
nodejs对字符串进行编辑并生成文件

2021-09-06

电动汽车充电桩安全承诺书.docx
新能源汽车充电桩承诺书模板

2021-08-28

前端时钟效果
自己做的前端时钟，有兴趣的可以探讨一下。前端工作师，主要css3 html5的动画效果

2015-06-28

软件使用说明

2016-06-23

本作品为纯公益·隐私优先型留守儿童成长关爱全链条数字化服务平台，涵盖移动端（微信小程序/APP）与PC端，无任何商业广告及收费项目，核心功能聚焦四大模块，兼顾隐私安全与公益实效： 1. 隐私保护模块：
本作品为纯公益·隐私优先型留守儿童成长关爱全链条数字化服务平台，涵盖移动端（微信小程序/APP）与PC端，无任何商业广告及收费项目，核心功能聚焦四大模块，兼顾隐私安全与公益实效： 1. 隐私保护模块：全流程信息脱敏、五级权限管控、数据加密存储，搭配隐私投诉与应急处理机制，杜绝留守儿童敏感信息泄露，符合相关法律法规要求； 2. 成长关注模块：建立加密成长档案、成长动态预警、需求精准上报及帮扶反馈闭环，全程跟踪留守儿童学业、心理等成长情况； 3. 资源整合与对接模块：整合政府、公益组织、企业、热心人士等多元公益资源，实现需求与资源智能匹配、隐私化对接及全程追溯； 4. 综合管理模块：包含志愿管理、数据监测与监管功能，规范公益行为，确保平台合规运营、公益成效可量化。

2026-04-17

关于JavaScript全栈工程化与性能调优的文档和demo，文档大约3000字以上 包括内容如下：1）框架深度实战：Vue3+Pinia状态管理项目；2）工具链与工程化：Webpack，可以安装跑起
# JavaScript全栈工程化与性能调优指南 > 本指南系统讲解Vue3+Pinia状态管理、构建工具链、代码规范、测试实践及性能优化策略，配有完整Demo演示。 ## 简介 本项目聚焦现代JavaScript工程化体系，从框架深度实战（Vue3+Pinia）、工具链配置（Webpack/Vite、ESLint+Prettier）、测试与CI/CD、到性能调优（代码分割、懒加载、内存泄漏排查、Chrome DevTools），提供可落地的实战方案。所有示例均配完整代码，可直接运行。 **使用方法**： ```bash # 克隆项目 git clone https://github.com/your-repo/js-engineering-guide.git cd js-engineering-guide # 安装依赖 npm install # 启动开发服务器 npm run dev # 运行单元测试 npm run test # 构建生产版本 npm run build ``` --- ## 一、框架深度实战：Vue3+Pinia状态管理 ### 1.1 项目初始化 ```bash # 使用Vite创建Vue3项目 npm create vite@latest vue3-pinia-demo -- --template vue cd vue3-pinia-demo npm install npm install pinia ``` ### 1.2 Pinia store定义 Pinia是Vue3官方推荐的状态管理库，比Vuex更轻量且支持TypeScript。 **src/stores/user.js** - 用户状态管理： ```javascript import { defineStore } from 'pinia' import

2026-03-28

软件工程基于模块化架构的AI编程系统交互设计：Claude Code界面组件与多模型协同开发全流程
内容概要：本文深入解析了Claude Code系统的深度技术原理，涵盖界面交互架构、Skills技能系统、Plugin插件系统、Market市场机制以及多组件与大模型的调用逻辑。系统采用分层设计与模块化思想，通过虚拟列表、Monaco Editor、WebSocket、Redux等技术实现高性能界面渲染与实时交互；Skills系统将代码审查、调试等专家流程封装为可复用的轻量级内置模块，支持自动化工作流执行；Plugin插件系统则基于独立进程与沙箱隔离机制，实现安全可控的外部功能扩展；Market平台通过微服务架构和四级审核机制保障插件质量，并结合混合推荐模型提升发现效率；整个系统通过多模型协同（如Claude、DeepSeek）与Hooks验证机制，在API开发等实战场景中实现从需求输入到代码生成的端到端自动化闭环。; 适合人群：具备一定前端与后端开发经验，熟悉JavaScript/TypeScript、微服务架构及AI应用开发的1-5年研发工程师或技术负责人；对AI编程助手系统设计感兴趣的技术爱好者。; 使用场景及目标：①理解AI驱动的开发工具如何实现代码生成、协同编辑与安全校验；②掌握Skills与Plugins在系统中的分工与集成方式；③学习高可用插件市场的架构设计与审核机制；④应用于构建企业级AI工程化平台或智能IDE插件生态。; 阅读建议：此资源技术深度较高，建议结合架构图与代码示例逐步研读，重点关注Skills与Plugin的差异、调用链路追踪、热更新机制及上下文压缩策略，宜在有一定系统设计基础上进行实践迁移。

2026-03-22

这是一个使用Go语言开发的经典五子棋游戏，采用命令行界面，支持双人对战功能 游戏实现了完整的棋盘管理、落子逻辑、胜负判定和游戏流程控制
这是一个使用Go语言开发的经典五子棋游戏，采用命令行界面，支持双人对战功能 游戏实现了完整的棋盘管理、落子逻辑、胜负判定和游戏流程控制

2026-03-16

html、js贪吃蛇项目
核心代码解释 界面布局（CSS）： 使用 Grid 布局实现 20x20 的游戏棋盘，每个格子 20px，视觉规整； 设计了得分显示区、控制提示区和游戏结束弹窗，界面美观且交互友好； 按钮、弹窗添加了 hover 效果，提升用户体验。 核心逻辑（JS）： 方向控制：通过nextDirection缓冲方向输入，避免蛇反向移动撞自身； 碰撞检测：分边界碰撞（蛇头超出棋盘范围）和自身碰撞（蛇头与蛇身重叠）两种场景； 食物生成：随机生成且避开蛇身，保证游戏合理性； 速度调节：每得 50 分减少 10ms 移动间隔（最快 80ms / 步），动态提升难度； 暂停 / 继续：支持空格键暂停游戏，提升交互灵活性； 游戏重启：结束后点击按钮可重置所有状态，重新开始游戏。

2026-01-22

1400过车数据推送测试
for i in range(10000): # 深拷贝基础数据避免污染 current_data = copy.deepcopy(base_data[i%3]) # 计算并设置新的MotorVehicleID（保持18位） new_id = initial_id + i current_data["MotorVehicleListObject"]["MotorVehicleObject"][0]["MotorVehicleID"] = str(new_id) print(f"第{i + 1}次请求 - 违法类型：{current_data['MotorVehicleListObject']['MotorVehicleObject'][0]['PlateNo']}") try: response = requests.post(url, headers=headers, json=current_data) print(f"第{i + 1}次请求 - 状态码：{response.status_code} - 响应内容：{response.text}") except Exception as e: print(f"第{i + 1}次请求失败：{str(e)}")

2025-11-05

人工智能安全治理框架2.0技术规范：风险分类与综合治理措施应用指南
内容概要：《人工智能安全治理框架2.0》由全国网络安全标准化技术委员会等机构联合发布，系统阐述了人工智能安全治理的原则、风险分类、技术与综合治理措施及研发应用的安全指引。文档将人工智能安全风险划分为技术内生、应用安全和衍生安全三大类，并提出针对性的技术应对策略，强调通过可解释性提升、数据安全、对抗训练等手段防控风险。同时，提出建立健全法律法规、伦理准则、安全测评体系、风险分级管理、开源生态治理等综合性治理措施，推动形成覆盖全生命周期、多方协同的人工智能安全治理体系。 适合人群：从事人工智能研发、应用、监管及相关政策制定的专业人员，包括AI工程师、算法研究员、企业技术管理者、政府监管部门人员及高校研究人员。 使用场景及目标：①为人工智能技术开发者提供从模型设计、训练、部署到运行的全流程安全实践指引；②为行业主管部门制定AI分类分级监管政策提供参考依据；③指导企业构建AI应用的风险防控机制，提升系统安全性与合规性；④促进国际社会在AI安全治理领域达成共识与合作。 阅读建议：本框架兼具技术深度与治理广度，建议结合附件中的风险分级原则和可信AI准则进行深入研读，重点关注不同应用场景下的风险识别与应对措施，并在实际工作中对照安全指引条款开展合规自查与能力建设。

2025-10-11

vuex水印指令库，可以直接安装使用
// 定义指令配置项 export default { mounted(el, binding) { // 设置水印 setWaterMark(el, binding.value); // 启动监控 // createObserver(el, binding.value); }, updated(el, binding) { setWaterMark(el, binding.value); // setWaterMark(el, binding.value); // 启动监控 // createObserver(el, binding.value); } }; } globalWaterMark.className = `water-mark`; // 方便自定义展示结果 let sty = `background-image: url(${url});display: inline-block; overflow: hidden;position: absolute; top: 0;

2024-02-21

vue弹性拖拽指令，配置拖拽指令，轻松实现拖拽
.drag_dom_parent { position: relative; overflow: hidden !important; } .drag_dom_parent .drag_dom { top: 0; position: absolute; right: -10px; width: 20px; height: 100%; /* background-color: red; */ cursor: e-resize !important; }

2024-02-21

mapbox聚合，展开后，表达式展示图片
mapbox聚合，展开后，表达式展示图片

2022-12-22

仿照钉钉打卡时间组件筛选
vue仿照钉钉打卡组件，年，周、日

2022-10-12

h5 plus 输出本地日志
h5 plush app输出本地日志文件

2022-08-09

uniapp_map组件
uniapp 中使用leaft的加载高德地图，支持创建、撒点、轨迹、区域、geojson

2022-05-26

sqlite js封装的api
uniapp sqlite js封装的api

2022-05-26

leaflet操作手册
leaflet操作手册

2022-05-25

vue和three.js版炫酷的登录页
vue版炫酷的登录页

2021-11-23

如何搞定uniapp，后台和息屏定位功能？

2022-11-15

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章？
取消 删除