自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(51)
  • 收藏
  • 关注

原创 2026 程序员必装!Claude 官方 Skills 仓库上手指南:文档/代码/创意全搞定

摘要:本文介绍如何利用Anthropic官方Skills仓库快速提升AI工作效率。该仓库包含50+高质量技能,覆盖文档处理、开发测试、创意设计等场景,采用渐进式加载节省60-80% Token。文章详细解析了仓库结构、亮点技能,并提供了Claude Code和网页版两种安装方法。通过安装这些官方技能,用户可以让Claude记住工作方式,实现高效文档处理、自动化测试等专业任务。新手建议从PDF/docx等文档技能入手,进阶用户可基于模板开发自定义技能。

2026-01-24 11:39:02 1436

原创 继续堆 Prompt,真的不如早点学 Skill

摘要:AI社区近期热议的"Skill"概念正逐渐取代传统Prompt和MCP,成为2026年最受关注的范式。Skill通过"渐进式披露"机制,显著降低Token消耗60-80%,提升输出一致性,并实现知识复用。与一次性指令的Prompt和复杂配置的MCP相比,Skill更侧重培养AI的"专业能力"。文章对比了三者差异,推荐了官方及社区优质Skill库(如anthropics/skills和obra/superpowers),并建议开发者转向Skil

2026-01-24 09:27:59 1017

原创 26年最值得自建的开源自动化神器n8n

摘要: n8n是一款快速增长的开源自动化工具(GitHub星标10万+),集成了Zapier、Make.com和部分Dify功能,支持自托管、AI节点(如LLM Chain、Agent)和400+官方集成。推荐通过Docker快速部署,数据安全且易升级。本文以“公众号文章→AI总结→飞书推送”为例演示基础工作流搭建,并分享汉化、调试等实用技巧。n8n凭借高自由度和AI集成能力,成为2026年效率工具的新标配...

2026-01-15 13:20:43 623

原创 前端开发里最常用的5种本地存储

前端本地存储方式全面解析:从localStorage到IndexedDB 摘要:本文系统分析了前端5种常用本地存储方案的特性与适用场景。基础方案包括localStorage(5MB永久存储)和sessionStorage(会话级存储),适合简单配置和临时数据;IndexedDB支持大容量结构化数据(GB级),适合离线应用;Cache API专为PWA资源缓存设计;内存缓存则用于页面内高速数据复用。文章对比了各方案在容量、持久性、性能等方面的差异,并给出选型建议:小配置用localStorage,临时数...

2026-01-15 13:15:45 765

原创 2026 vibe coding彻底火了!新手用Claude Code周末就能vibe出赚钱App,你还在手动敲代码?

2026年编程新趋势:Vibe Coding AI驱动的"氛围编程"正颠覆传统开发模式,开发者只需用自然语言描述需求,AI即可自动生成、调试完整代码。Claude Code等工具已实现多文件自主读写、复杂任务规划,让新手也能快速开发应用(如1小时复制分布式项目)。三大爆火原因:1)AI工具性能飞跃;2)零门槛变现(非技术人员可开发商业应用);3)引发生产力革命争议。推荐从Claude Code/Cursor入手,尝试开发内容日历、AI聊天机器人等简单项目。这种"指挥AI创作&q

2026-01-09 22:42:57 896

原创 Rust 创历史新高冲到第13位!2026年程序员该不该all in Rust?

Rust在2026年TIOBE榜单创历史新高,排名第13位,份额达1.47%。其崛起得益于三大因素:1)内存安全与极致性能,编译期杜绝常见bug;2)Linux内核、Android等系统深度整合,微软、Google等巨头采用;3)社区强势发展,连续多年获评最受欢迎语言。建议系统编程、高性能后端等领域开发者all in Rust,因其在云计算、AI基础设施等岗位技能溢价高;而Web前端、数据科学等场景可暂观望。Rust正成为系统编程的下一代标准,是值得投资的长线选择。

2026-01-09 22:38:04 655

原创 Rust 创历史新高,2026 年值得学的性能语言?

Rust 的历史新高,不是偶然,而是安全与性能双重需求的必然结果。如果你也想上手 Rust,推荐从官方 The Book 开始,结合 Rustlings 练习。xiaohev你会考虑学 Rust 吗?留言告诉我你的理由~

2026-01-08 21:59:05 830

原创 C# 为何逆袭成 2025 年度语言?程序员该不该转 C#/.NET

2025年TIOBE编程语言大奖揭晓,C#以2.94%的年增长率再次夺冠,三年内第二次获此殊荣。其成功源于三大优势:领先的语言设计持续引入现代特性;.NET生态全面爆发,在跨平台、AI集成和游戏开发领域表现突出;企业市场稳步扩张,逐渐蚕食Java份额。文章建议后端开发、云原生和AI智能体方向的开发者学习C#,但AI模型训练等特定领域仍以Python为优。C#的崛起体现了其长期技术积累和生态优势,为开发者提供了又一个优质选择。

2026-01-08 21:39:17 601

原创 Google 推出全新 AI 代码编辑器 Antigravity:免费支持 Gemini 3 Pro / Claude 4.5,上手体验

2025 年了,还在花 20 美元/月买 Cursor Pro 的朋友们……想体验最新最强的 Gemini 3 Pro?免费想用 Claude 4.5 Thinking 模式?免费想切 GPT-OSS 120B 暴力改代码?免费我已经把 Cursor 放进“偶尔备用”文件夹了,你呢?欢迎评论区交流你的上手体验~是继续坚守付费工具,还是直接投降 Antigravity?(下载地址:antigravity.google,冲就完事儿了!

2025-11-19 12:30:52 8624

原创 2025年底重磅炸弹:Vue 团队最新路线图曝光!Vapor Mode 即将正式落地,Vue 4 迁移几乎零痛苦?

Vue生态2025-2026技术升级前瞻:Vapor Mode与Vue 4即将到来 Vue 3.6将带来性能飞跃,包括响应式系统优化、实验性Vapor Mode(无虚拟DOM技术)及更小包体积。Vapor Mode直接操作真实DOM,保持现有语法但显著提升性能(渲染速度提升40%+,内存占用减半)。Vue 4将以Vapor Mode为默认渲染器,确保低迁移成本。生态工具如Vite 6、Nuxt 4也将升级,强化构建效率。Vue正以“不颠覆语法,极致优化性能”的策略稳步前行,开发者建议升级至Vue 3.5+并

2025-11-18 23:13:07 1149

原创 Vue 3父子组件通信:深入解析provide和inject

Vue 3的provide和inject机制为跨层级组件通信提供了优雅解决方案。本文详细介绍了这对API的基本用法和高级技巧,包括响应式数据传递、方法共享、默认值设置以及Symbol防止命名冲突等特性。通过主题切换等实际案例,展示了其在全局状态管理中的优势。文章还强调了最佳实践,如合理使用响应式数据、避免滥用等,并提供了完整代码示例。适合各层次开发者快速掌握这一重要通信方式,提升Vue开发效率。

2025-08-18 22:43:08 842

原创 Vue 3中watch的返回值:解锁监听的隐藏技巧

本文介绍了Vue 3中watch函数的一个实用特性——通过返回值控制监听。watch不仅监听数据变化,还会返回一个停止函数,用于手动终止监听。文章通过代码示例展示了如何动态开关监听、组件卸载时清理监听等应用场景,并提供了注意事项和最佳实践。这些技巧能帮助开发者更灵活地管理监听器,优化性能。更多前端开发技巧可访问作者博客小贺的神奇网站。

2025-08-18 22:29:06 1077

原创 发现 Microsoft Edge:程序员的下一款主力浏览器?

浏览器作为我们日常开发和学习的必备工具,直接影响工作效率。Google Chrome 一直是标杆,但最近我尝试了 Microsoft Edge,发现它在性能、功能和开发体验上完全不输 Chrome,甚至有些亮点让我爱不释手。今天就来分享一下 Edge 的特色功能,以及它为何值得程序员一试。

2025-06-09 23:58:32 947

原创 Microsoft Edge vs. Google Chrome:一个程序员的浏览器体验分享

作为开发者和日常用户,浏览器是我们最常打交道的工具之一。Google Chrome 长期以来是许多人的首选,但最近我开始使用 Microsoft Edge,发现它在很多方面毫不逊色,甚至有独特优势。今天就来聊聊 Edge 和 Chrome 的对比,以及我在使用 Edge 时的真实体验。

2025-06-09 23:33:13 8091 2

原创 JavaScript 中级进阶技巧之异步编程

本文深入探讨了 JavaScript 中的异步编程,从回调函数、Promise 到 async/await,逐步讲解了其核心概念与使用方法。文章首先分析了异步编程的必要性,并指出回调函数的局限性,如“回调地狱”。接着,详细介绍了 Promise 的基本用法和链式调用,帮助开发者更优雅地处理异步操作。随后,文章引入了 async/await 语法糖,使异步代码更直观易读,并提供了错误处理的最佳实践。此外,还介绍了进阶技巧,如使用 Promise.all 实现并行任务处理,以及 Promise.race 用于超

2025-05-14 15:06:03 772

原创 JavaScript 中级进阶技巧之map函数

本文旨在帮助初级 JavaScript 开发者进阶,重点介绍了 map 函数及其与其他高阶函数(如 filter 和 reduce)的结合使用。通过 map,开发者可以简化代码、提升可读性和性能,同时避免修改原数组。文章还探讨了解构赋值、短路运算等实用技巧,并通过实战案例展示了如何将这些技巧应用于动态列表渲染和数据处理。通过这些方法,开发者可以写出更简洁、高效的前端代码,快速迈向中级水平。

2025-05-14 14:58:46 821

原创 微信小程序云开发从入门到实战

微信小程序云开发是微信提供的一种 Serverless 开发模式,集成了数据库、云函数、文件存储等后端服务,开发者无需自己搭建服务器即可快速构建功能丰富的小程序。本文将详细介绍云开发的配置与核心功能,并通过一个“笔记管理”小程序案例,展示云开发在实际项目中的应用。云数据库:基于 JSON 的 NoSQL 数据库,支持增删改查。云函数:运行在云端的 JavaScript 代码,用于处理复杂逻辑。云存储:用于上传和下载文件,如图片、视频等。云调用:直接调用微信开放接口,如获取用户信息。

2025-05-05 15:30:46 2239

原创 微信小程序入门与实战开发

微信小程序是一种无需下载安装即可使用的轻量级应用,凭借其便捷性和跨平台特性,广泛应用于电商、社交、工具等领域。本文将从零开始,介绍微信小程序的开发流程,包括环境搭建、核心功能实现,并通过一个简单的“待办事项”小程序案例,帮助读者快速上手。通过本文,我们从零开始搭建了一个简单的微信小程序,实现了待办事项的添加和删除功能。微信小程序开发门槛低、生态完善,适合快速构建轻量级应用。读者可以基于本文代码,进一步扩展功能,如数据持久化(使用)、界面美化等。

2025-05-05 15:27:13 1027

原创 JS中map函数的实用技巧

map适合需要生成新数组的场景。结合对象处理和 React 渲染非常实用。注意性能开销,选择合适的工具。

2025-05-04 22:31:24 1372

原创 Spring Boot 保姆级入门教程

是一个用于简化 Spring 应用开发的框架。它提供了许多开箱即用的功能,如自动配置、嵌入式服务器等,使得开发者可以快速构建生产级别的应用。Spring Boot 特别适合前端开发者转向全栈开发,因为它简化了后端开发的复杂性。为什么使用 Spring Boot?快速开发:内置 Tomcat、Jetty 等服务器,无需手动配置。自动配置:根据项目依赖自动配置,减少手动设置。微服务友好:易于构建 RESTful API,适合前后端分离架构。

2025-05-04 22:24:24 1846

原创 前端性能优化的5个技巧

为什么重要?WebGPU 是 2025 年的新兴技术,利用 GPU 加速复杂计算和渲染,适合数据可视化、游戏和 3D 动画 []。相比 WebGL,WebGPU 提供更低的开销和更高的性能。技巧使用 WebGPU API:通过 WGSL(WebGPU Shading Language)编写着色器,加速渲染。结合 Three.js:利用 Three.js 的 WebGPU 后端简化开发。渐进式引入:在不支持 WebGPU 的浏览器中回退到 WebGL。代码示例// main.jsif (!

2025-05-01 23:06:41 978

原创 前端 AI 工具对比:Grok 3 vs DeepSeek vs GitHub Copilot

优势高级推理,适合复杂前端逻辑(如算法可视化)。实时 X 数据,动态生成搜索提示或社交媒体组件。Think 和 DeepSearch 模式增强问题解决能力。劣势高昂订阅费用($50/月)。无原生 IDE 集成,需手动操作。社区支持较弱,生态尚不成熟。Grok 3、DeepSeek 和 GitHub Copilot 各有擅场:Grok 3 适合复杂任务和动态数据,DeepSeek 以免费和高质量代码取胜,Copilot 则在 IDE 集成和快速编码中无可匹敌。

2025-05-01 22:56:52 2008

原创 Vite 5.0 入门与优化

Vite 5.0 以其极致的速度和灵活的配置,正在重塑前端开发体验。通过快速上手和性能优化技巧,你可以轻松构建高效的 React 或 Vue 项目。未来,Vite 可能进一步整合 WebGPU 和 AI 工具(如 DeepSeek),为开发者提供更多可能性。你用 Vite 5.0 开发过项目吗?欢迎在评论区分享你的优化经验或问题!

2025-04-30 15:29:29 1733

原创 如何使用 DeepSeek 提升工作效率

DeepSeek 凭借其高效、低成本的 AI 模型,为用户提供了强大的工作支持工具。非技术用户可以通过聊天机器人快速完成研究和内容创作,开发者可以利用 API 和开源模型构建智能应用,企业则能借此优化客户支持和内容生产。通过遵循最佳实践并注意隐私与合规性,你可以最大化 DeepSeek 的潜力。

2025-04-30 15:11:10 1136

原创 JavaScript 初级语法解析

JavaScript 是一种运行在浏览器中的脚本语言,用于为网页添加交互功能。它也可以通过 Node.js 运行在服务器端。JavaScript 初级语法是前端开发的基础,掌握变量、数据类型、运算符、控制流、函数和数组对象,你就能构建简单的交互应用。本文通过代码示例和实践案例,帮你快速入门。行动起来复制本文代码,在浏览器中运行。尝试修改计数器案例,添加“重置”按钮。在评论区分享你的学习心得或问题!你用 JavaScript 做过什么有趣的项目?欢迎留言交流!

2025-04-29 13:07:04 732

原创 Grok 3 赋能前端开发:从代码生成到性能优化的 AI 利器

Grok 3 正在改变前端开发的范式,从代码生成到性能优化,它为开发者提供了强大的支持。无论是快速原型开发、自动化测试,还是动态内容集成,Grok 3 都能显著提升效率。你用过 Grok 3 开发前端项目吗?欢迎留言讨论!

2025-04-29 13:03:29 1311

原创 超越 React 的高性能前端新星SolidJS

SolidJS 是一个用于构建用户界面的 JavaScript 库,采用“细粒度响应式”作为核心理念。与 React、Vue.js 和 Angular 等主流框架不同,SolidJS 在状态变化时仅更新受影响的 UI 部分,而非整个组件树。这种方法极大地减少了不必要的 DOM 操作,提升了应用程序的性能。SolidJS 的核心库体积仅为 7KB,适合对性能要求较高的场景。细粒度响应式:状态变化时只更新受影响的 UI 部分。轻量级:核心库体积小,加载速度快。声明式编程:使用 JSX 语法,代码直观易读。

2025-04-28 17:50:41 823

原创 Spring Boot 3.x 集成 Spring Security 实现安全的 RESTful API

通过 Spring Boot 3.x 和 Spring Security,我们构建了一个安全的任务管理 API,集成了 JWT 认证和角色授权。Spring Security 6.x 的简洁配置和 Virtual Threads 支持让开发更高效。关于作者:我是小贺,乐于分享各种编程知识,同时欢迎大家关注我的个人博客以及微信公众号[小贺前端笔记]

2025-04-28 17:32:09 1288

原创 用 Taro 3.x 开发跨平台电商小程序(附完整代码)

通过 Taro 3.x,我们快速搭建了一个电商小程序,涵盖商品展示、搜索和购物车功能。Taro 的 React 语法和跨端能力极大提升了开发效率,但复杂动画或原生 API 仍需适配优化。关于作者:我是小贺,乐于分享各种前端知识,同时欢迎大家关注我的个人博客以及微信公众号[小贺前端笔记]

2025-04-27 12:45:15 1462 1

原创 手把手教你使用JavaScript开发贪吃蛇小游戏

贪吃蛇是游戏开发的经典案例,简单却充满挑战,涵盖了前端开发的核心技能:2025年,Canvas仍是前端开发的热门工具,广泛用于游戏和数据可视化。完成这个项目,你不仅能玩到自己的游戏,还能为学习前端打下基础!生活感悟:写小游戏就像拼拼图,每块代码拼对了,画面就更完整。第一次看到小蛇动起来,我激动得差点敲翻键盘!我们将用一个HTML文件实现贪吃蛇,简单快速,无需复杂环境。以下是准备步骤:新手贴士:确保文件保存为格式,双击即可在浏览器运行。

2025-04-26 11:21:44 1186

原创 前端必备技能:JavaScript性能优化实战指南

DOM(文档对象模型)是网页的骨架,JavaScript通过它修改页面内容。但每次改动DOM,浏览器都要重新计算布局(重排)或重绘,耗时严重。像输入、滚动、窗口调整等事件,可能一秒触发几十次。如果每次都执行复杂操作,页面会卡得像老式电脑。有些任务(如大数据排序)很耗时,会让页面卡住。Web Worker像一个后台助手,在单独线程运行,不影响页面交互。JavaScript性能优化让你的网页更快、用户更开心。通过减少DOM操作、防抖节流、异步加载和Web Worker,你可以轻松提升项目质量。

2025-04-26 11:00:15 1097

原创 前端小白也能玩转MCP协议:从入门到上手实战

MCP协议是由Anthropic公司于2024年11月开源的一种开放标准,旨在解决AI模型与外部数据源和工具集成中的碎片化问题。随着AI助手的广泛采用,模型能力(如推理和质量)快速提升,但受限于数据孤岛和遗留系统,AI模型难以高效访问外部信息。MCP提供了一个通用的接口,替换传统的自定义集成,简化AI与内容仓库、业务工具和开发环境(如GitHub、Slack、数据库)的连接。MCP协议为前端开发者提供了一个强大的工具,使得在Web应用中集成AI能力变得更加简单和标准化。

2025-04-25 14:20:51 2383 1

原创 Vue 3新手入门指南,从安装到基础语法

前端学习如登山,起点或许艰难,但每一步都在靠近更美的风景。愿你敲下每一行代码,都充满期待与快乐!

2025-04-25 14:07:27 1762

原创 前端如何优雅地对接后端

优雅地对接后端,不仅需要扎实的技术能力,还需要良好的沟通和协作。从理解API设计到封装请求,再到错误处理,前端开发者可以通过规范化的流程和工具减少对接中的“摩擦”。希望这篇文章能为你的项目带来启发,让你与后端的每一次联调都更顺畅。最后寄语:技术对接如生活,偶尔有“bug”,但只要用心沟通,总能找到解决之道。愿我们都能在代码与协作中,找到属于自己的节奏!

2025-04-22 22:42:53 1673

原创 2025年前端开发新星:7个爆火工具与库推荐

Vite是一个高性能前端构建工具,基于ES模块,提供极快的开发体验。2025年,Vite已成为Vue和React项目的首选构建工具。

2025-04-22 22:25:01 1394

原创 2025年开发者最佳7个前端框架

2025年的前端框架生态丰富多样,每个框架都有其独特的优势和适用场景。React、Angular和Vue.js作为主流框架,继续在大型项目中发挥重要作用。Svelte、Solid、Lit和Qwik作为新兴力量,为开发者提供了更多选择。选择合适的框架,需综合考虑项目需求、团队技能和生态系统。

2025-04-21 23:14:23 3732

原创 Vue 3与Node.js全栈实战:从零打造实时协作To-Do应用

3和Node.js打造一个实时协作待办事项应用,支持任务创建、编辑和多用户实时同步。本文涵盖前后端开发、MongoDB存储、Socket.io实时通信和Docker部署,助你掌握全栈技能!大家好,我是一名前端开发者,热衷于分享Vue和全栈开发的实战经验!继《Nuxt 3开发企业级SSR应用》后,今天我们将用Vue。我们将搭建前端(Vue 3 + Vite)和后端(Node.js + Express)两个项目。和公众号(微信搜索:小贺前端笔记),更多干货和实战项目等你来发现!想深入学习Vue 3和前端开发?

2025-04-21 17:39:42 847

原创 Nuxt 3开发企业级SSR应用的实践指南

通过以上步骤,我们用Nuxt 3开发了一个企业级SSR博客系统。使用实现服务端数据预取。集成 Pinia 和 VueUse 提升开发效率。通过懒加载和缓存优化性能。部署到 Vercel 实现高可用性。

2025-04-20 21:42:26 1092 1

原创 从零打造一个Vue 3组件库:开发、打包与发布到NPM

想开发一个属于自己的Vue 3组件库,却不知从何入手?本文带你一步步从零开始,基于Vue 3和Vite,打造一个简单的UI组件库(以按钮组件为例),并实现打包、测试与发布到NPM的全流程。涵盖组件开发、TypeScript支持、样式提取、按需加载配置及本地npm link测试,配有详细代码和踩坑经验。无论你是Vue进阶开发者还是想为社区贡献代码,这篇实战教程都能帮你快速上手!

2025-04-20 21:27:09 3011 2

原创 Vue 3 中的新特性:Suspense和Teleport

Suspense 和 Teleport 是 Vue 3 提供的两大强大工具,分别解决了异步加载和 DOM 位置管理的痛点。Suspense 通过声明式方式简化了异步逻辑,Teleport 则打破了 DOM 结构的限制,两者结合能够实现如异步弹窗、动态通知等高级交互场景。通过本文的实战案例,我们展示了如何用 Suspense 管理异步组件加载,用 Teleport 渲染弹窗到指定位置。希望读者通过代码实践,深入理解这两个特性的应用价值,并在项目中灵活运用。欢迎在评论区分享你的使用经验或问题!

2025-04-18 13:52:10 1117

空空如也

空空如也

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

TA关注的人

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