- 博客(39)
- 收藏
- 关注
RSS订阅原创 发现 Microsoft Edge：程序员的下一款主力浏览器？
浏览器作为我们日常开发和学习的必备工具，直接影响工作效率。Google Chrome 一直是标杆，但最近我尝试了 Microsoft Edge，发现它在性能、功能和开发体验上完全不输 Chrome，甚至有些亮点让我爱不释手。今天就来分享一下 Edge 的特色功能，以及它为何值得程序员一试。
2025-06-09 23:58:32
648
原创 Microsoft Edge vs. Google Chrome：一个程序员的浏览器体验分享
作为开发者和日常用户，浏览器是我们最常打交道的工具之一。Google Chrome 长期以来是许多人的首选，但最近我开始使用 Microsoft Edge，发现它在很多方面毫不逊色，甚至有独特优势。今天就来聊聊 Edge 和 Chrome 的对比，以及我在使用 Edge 时的真实体验。
2025-06-09 23:33:13
1652
原创 JavaScript 中级进阶技巧之异步编程
本文深入探讨了 JavaScript 中的异步编程，从回调函数、Promise 到 async/await，逐步讲解了其核心概念与使用方法。文章首先分析了异步编程的必要性，并指出回调函数的局限性，如“回调地狱”。接着，详细介绍了 Promise 的基本用法和链式调用，帮助开发者更优雅地处理异步操作。随后，文章引入了 async/await 语法糖，使异步代码更直观易读，并提供了错误处理的最佳实践。此外，还介绍了进阶技巧，如使用 Promise.all 实现并行任务处理，以及 Promise.race 用于超
2025-05-14 15:06:03
689
原创 JavaScript 中级进阶技巧之map函数
本文旨在帮助初级 JavaScript 开发者进阶，重点介绍了 map 函数及其与其他高阶函数（如 filter 和 reduce）的结合使用。通过 map，开发者可以简化代码、提升可读性和性能，同时避免修改原数组。文章还探讨了解构赋值、短路运算等实用技巧，并通过实战案例展示了如何将这些技巧应用于动态列表渲染和数据处理。通过这些方法，开发者可以写出更简洁、高效的前端代码，快速迈向中级水平。
2025-05-14 14:58:46
624
原创 微信小程序云开发从入门到实战
微信小程序云开发是微信提供的一种 Serverless 开发模式，集成了数据库、云函数、文件存储等后端服务，开发者无需自己搭建服务器即可快速构建功能丰富的小程序。本文将详细介绍云开发的配置与核心功能，并通过一个“笔记管理”小程序案例，展示云开发在实际项目中的应用。云数据库：基于 JSON 的 NoSQL 数据库，支持增删改查。云函数：运行在云端的 JavaScript 代码，用于处理复杂逻辑。云存储：用于上传和下载文件，如图片、视频等。云调用：直接调用微信开放接口，如获取用户信息。
2025-05-05 15:30:46
1535
原创 微信小程序入门与实战开发
微信小程序是一种无需下载安装即可使用的轻量级应用，凭借其便捷性和跨平台特性，广泛应用于电商、社交、工具等领域。本文将从零开始，介绍微信小程序的开发流程，包括环境搭建、核心功能实现，并通过一个简单的“待办事项”小程序案例，帮助读者快速上手。通过本文，我们从零开始搭建了一个简单的微信小程序，实现了待办事项的添加和删除功能。微信小程序开发门槛低、生态完善，适合快速构建轻量级应用。读者可以基于本文代码，进一步扩展功能，如数据持久化（使用）、界面美化等。
2025-05-05 15:27:13
798
原创 Spring Boot 保姆级入门教程
是一个用于简化 Spring 应用开发的框架。它提供了许多开箱即用的功能，如自动配置、嵌入式服务器等，使得开发者可以快速构建生产级别的应用。Spring Boot 特别适合前端开发者转向全栈开发，因为它简化了后端开发的复杂性。为什么使用 Spring Boot？快速开发：内置 Tomcat、Jetty 等服务器，无需手动配置。自动配置：根据项目依赖自动配置，减少手动设置。微服务友好：易于构建 RESTful API，适合前后端分离架构。
2025-05-04 22:24:24
1618
原创 前端性能优化的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
766
原创 前端 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
1288
原创 Vite 5.0 入门与优化
Vite 5.0 以其极致的速度和灵活的配置，正在重塑前端开发体验。通过快速上手和性能优化技巧，你可以轻松构建高效的 React 或 Vue 项目。未来，Vite 可能进一步整合 WebGPU 和 AI 工具（如 DeepSeek），为开发者提供更多可能性。你用 Vite 5.0 开发过项目吗？欢迎在评论区分享你的优化经验或问题！
2025-04-30 15:29:29
1254
原创 如何使用 DeepSeek 提升工作效率
DeepSeek 凭借其高效、低成本的 AI 模型，为用户提供了强大的工作支持工具。非技术用户可以通过聊天机器人快速完成研究和内容创作，开发者可以利用 API 和开源模型构建智能应用，企业则能借此优化客户支持和内容生产。通过遵循最佳实践并注意隐私与合规性，你可以最大化 DeepSeek 的潜力。
2025-04-30 15:11:10
1052
原创 JavaScript 初级语法解析
JavaScript 是一种运行在浏览器中的脚本语言，用于为网页添加交互功能。它也可以通过 Node.js 运行在服务器端。JavaScript 初级语法是前端开发的基础，掌握变量、数据类型、运算符、控制流、函数和数组对象，你就能构建简单的交互应用。本文通过代码示例和实践案例，帮你快速入门。行动起来复制本文代码，在浏览器中运行。尝试修改计数器案例，添加“重置”按钮。在评论区分享你的学习心得或问题！你用 JavaScript 做过什么有趣的项目？欢迎留言交流！
2025-04-29 13:07:04
669
原创 Grok 3 赋能前端开发：从代码生成到性能优化的 AI 利器
Grok 3 正在改变前端开发的范式，从代码生成到性能优化，它为开发者提供了强大的支持。无论是快速原型开发、自动化测试，还是动态内容集成，Grok 3 都能显著提升效率。你用过 Grok 3 开发前端项目吗？欢迎留言讨论！
2025-04-29 13:03:29
881
原创 超越 React 的高性能前端新星SolidJS
SolidJS 是一个用于构建用户界面的 JavaScript 库，采用“细粒度响应式”作为核心理念。与 React、Vue.js 和 Angular 等主流框架不同，SolidJS 在状态变化时仅更新受影响的 UI 部分，而非整个组件树。这种方法极大地减少了不必要的 DOM 操作，提升了应用程序的性能。SolidJS 的核心库体积仅为 7KB，适合对性能要求较高的场景。细粒度响应式：状态变化时只更新受影响的 UI 部分。轻量级：核心库体积小，加载速度快。声明式编程：使用 JSX 语法，代码直观易读。
2025-04-28 17:50:41
612
原创 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
1073
原创 用 Taro 3.x 开发跨平台电商小程序(附完整代码)
通过 Taro 3.x，我们快速搭建了一个电商小程序，涵盖商品展示、搜索和购物车功能。Taro 的 React 语法和跨端能力极大提升了开发效率，但复杂动画或原生 API 仍需适配优化。关于作者：我是小贺，乐于分享各种前端知识，同时欢迎大家关注我的个人博客以及微信公众号[小贺前端笔记]
2025-04-27 12:45:15
944
原创 手把手教你使用JavaScript开发贪吃蛇小游戏
贪吃蛇是游戏开发的经典案例，简单却充满挑战，涵盖了前端开发的核心技能：2025年，Canvas仍是前端开发的热门工具，广泛用于游戏和数据可视化。完成这个项目，你不仅能玩到自己的游戏，还能为学习前端打下基础！生活感悟：写小游戏就像拼拼图，每块代码拼对了，画面就更完整。第一次看到小蛇动起来，我激动得差点敲翻键盘！我们将用一个HTML文件实现贪吃蛇，简单快速，无需复杂环境。以下是准备步骤：新手贴士：确保文件保存为格式，双击即可在浏览器运行。
2025-04-26 11:21:44
849
原创 前端必备技能：JavaScript性能优化实战指南
DOM（文档对象模型）是网页的骨架，JavaScript通过它修改页面内容。但每次改动DOM，浏览器都要重新计算布局（重排）或重绘，耗时严重。像输入、滚动、窗口调整等事件，可能一秒触发几十次。如果每次都执行复杂操作，页面会卡得像老式电脑。有些任务（如大数据排序）很耗时，会让页面卡住。Web Worker像一个后台助手，在单独线程运行，不影响页面交互。JavaScript性能优化让你的网页更快、用户更开心。通过减少DOM操作、防抖节流、异步加载和Web Worker，你可以轻松提升项目质量。
2025-04-26 11:00:15
1005
原创 前端小白也能玩转MCP协议：从入门到上手实战
MCP协议是由Anthropic公司于2024年11月开源的一种开放标准，旨在解决AI模型与外部数据源和工具集成中的碎片化问题。随着AI助手的广泛采用，模型能力（如推理和质量）快速提升，但受限于数据孤岛和遗留系统，AI模型难以高效访问外部信息。MCP提供了一个通用的接口，替换传统的自定义集成，简化AI与内容仓库、业务工具和开发环境（如GitHub、Slack、数据库）的连接。MCP协议为前端开发者提供了一个强大的工具，使得在Web应用中集成AI能力变得更加简单和标准化。
2025-04-25 14:20:51
1537
1
原创 前端如何优雅地对接后端
优雅地对接后端，不仅需要扎实的技术能力，还需要良好的沟通和协作。从理解API设计到封装请求，再到错误处理，前端开发者可以通过规范化的流程和工具减少对接中的“摩擦”。希望这篇文章能为你的项目带来启发，让你与后端的每一次联调都更顺畅。最后寄语：技术对接如生活，偶尔有“bug”，但只要用心沟通，总能找到解决之道。愿我们都能在代码与协作中，找到属于自己的节奏！
2025-04-22 22:42:53
1439
原创 2025年前端开发新星：7个爆火工具与库推荐
Vite是一个高性能前端构建工具，基于ES模块，提供极快的开发体验。2025年，Vite已成为Vue和React项目的首选构建工具。
2025-04-22 22:25:01
949
原创 2025年开发者最佳7个前端框架
2025年的前端框架生态丰富多样，每个框架都有其独特的优势和适用场景。React、Angular和Vue.js作为主流框架，继续在大型项目中发挥重要作用。Svelte、Solid、Lit和Qwik作为新兴力量，为开发者提供了更多选择。选择合适的框架，需综合考虑项目需求、团队技能和生态系统。
2025-04-21 23:14:23
1851
原创 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
665
原创 Nuxt 3开发企业级SSR应用的实践指南
通过以上步骤，我们用Nuxt 3开发了一个企业级SSR博客系统。使用实现服务端数据预取。集成 Pinia 和 VueUse 提升开发效率。通过懒加载和缓存优化性能。部署到 Vercel 实现高可用性。
2025-04-20 21:42:26
897
1
原创 从零打造一个Vue 3组件库：开发、打包与发布到NPM
想开发一个属于自己的Vue 3组件库，却不知从何入手？本文带你一步步从零开始，基于Vue 3和Vite，打造一个简单的UI组件库（以按钮组件为例），并实现打包、测试与发布到NPM的全流程。涵盖组件开发、TypeScript支持、样式提取、按需加载配置及本地npm link测试，配有详细代码和踩坑经验。无论你是Vue进阶开发者还是想为社区贡献代码，这篇实战教程都能帮你快速上手！
2025-04-20 21:27:09
1833
2
原创 Vue 3 中的新特性：Suspense和Teleport
Suspense 和 Teleport 是 Vue 3 提供的两大强大工具，分别解决了异步加载和 DOM 位置管理的痛点。Suspense 通过声明式方式简化了异步逻辑，Teleport 则打破了 DOM 结构的限制，两者结合能够实现如异步弹窗、动态通知等高级交互场景。通过本文的实战案例，我们展示了如何用 Suspense 管理异步组件加载，用 Teleport 渲染弹窗到指定位置。希望读者通过代码实践，深入理解这两个特性的应用价值，并在项目中灵活运用。欢迎在评论区分享你的使用经验或问题！
2025-04-18 13:52:10
894
原创 使用Node.js轻松集成两步验证（2FA）功能
2FA（双因素认证，Two-Factor Authentication） 是一种提升账户安全性的验证机制，要求用户在登录时提供两种不同类型的身份验证信息。常见的组合是“密码（你知道的东西）” + “动态验证码（你拥有的东西，如手机生成的临时代码）”。即使密码泄露，攻击者也无法仅凭单一因素入侵账户，从而大幅降低安全风险。2FA广泛应用于银行、社交平台和企业系统，是当前网络安全防护的黄金标准之一。
2025-04-18 09:25:53
660
原创 前端包管理器全解析：从 npm 到 pnpm，你需要知道的一切
作为前端开发者，你是否遇到过这样的场景：运行后，电脑风扇狂转，node_modules 文件夹占了几 GB？或者在团队协作中，依赖版本冲突让你抓狂？别急，今天我们来聊聊前端包管理器，帮你解锁高效开发秘籍！
2025-04-17 14:19:20
952
原创 从初级到高级前端：如何写出高质量代码，迈向职业新高度
作为初级前端，你是否遇到过这样的尴尬：辛辛苦苦写的代码，被同事吐槽“看不懂”？改个 Bug，结果改出三个新 Bug？入职一年后，感觉自己停滞不前，职业方向一片迷雾？别慌！从初级到高级前端，关键在于写出和明确职业路径。这篇文章带你一步步进阶，告别迷茫！
2025-04-17 10:08:32
824
原创 血泪教训！Vue3安装Tailwind CSS被中文网坑惨了！解决npm ERR! could not determine executable to run！
❗ 真相：Tailwind官方已更新v4.x，但中文文档仍停留在v3.x！方案二：v4.x尝鲜派（推荐勇士选择）方案一：v3.x保守派（适合赶进度）⚠️ 警告：无法体验v4.x新特性。配置vite.config.ts。指定3.x版本，后续配置不变。✅ 优点：完全匹配中文文档。
2025-03-18 22:52:44
825
原创 Nuxt3主题切换实战：Nuxt Color Mode配置暗黑模式全解析｜2025最新指南
🔥 手把手教你通过Nuxt Color Mode实现Nuxt3多主题切换，详解暗黑模式适配、主题持久化存储与SSR兼容方案，提供TypeScript配置指南、动态主题切换组件实现及性能优化技巧，附完整代码示例与常见问题排查
2025-03-10 21:49:03
686
原创 你的Nuxt接口裸奔了？手把手实现JWT安全防护
通过Nuxt3服务端实现JWT鉴权全流程：从Token生成、Cookie安全存储到中间件动态拦截，提供完整代码示例与高频报错解决方案，彻底解决接口裸奔问题。
2025-02-04 21:52:46
1251
原创 Nuxt后端接口实战：从0到1连接MongoDB数据库
通过Nuxt3服务端实现MongoDB数据库连接与增删改查接口开发，详解环境配置、连接池优化、TypeScript模型定义及错误处理，附可复现代码与常见问题排查指南。
2025-02-03 18:02:39
843
原创 宝塔设置代理以及nodejs开启https
nodejs默认开启的是http服务，一般来说如果用nodejs作为后端的话，也会设置代理去进行请求，但是我之前不会啊😕，那时候编写接口我会新解析一个二级域名，然后把node映射到这个域名，这时候就需要启动node的https服务了，其实也很简单，几步就可以完成！当然此教程只针对express框架！！！同时欢迎大家访问我的博客。
2024-08-22 15:13:06
908
原创 在nuxt3以及vue3中实现弹幕留言板效果
在我们开发自己的博客时候都会有留言功能，除了传统的类似评论的留言板，还有弹幕形式就像这样的效果，今天就记录一下实现的方法~
2024-08-01 09:37:16
893
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人