- 博客(23)
- 收藏
- 关注
RSS订阅原创 待办事项全栈实现：Vue3 + Node.js (Koa) + MySQL深度整合，构建生产级任务管理系统的技术实践
本文介绍了基于Vue 3和Koa的全栈待办事项系统(ywt-task-pro)开发实践。系统采用前后端分离架构，前端使用Vue 3组合式API、Vuex状态管理和Element Plus组件库，后端基于Koa框架实现RESTful API，配合MySQL数据库。文章详细阐述了技术选型、项目结构设计、数据库实现、前后端交互流程以及JWT鉴权机制，并分享了环境配置、错误处理和数据库设计等最佳实践。该项目完整呈现了从用户界面到数据存储的全链路开发过程，为开发者提供了全栈项目的参考实现。项目代码已开源，可作为技术学
2025-11-03 22:55:22
1215
原创 清理系统盘：登录界面失灵，无法输入锁屏密码问题解决
C盘空间严重不足，导致锁屏后无法输入密码。通过系统清理与微信存储迁移，快速恢复登录并释放空间。
2025-11-03 12:05:22
398
原创 八、Web应用文件上传与会话安全：基于Koa的文件处理与Cookie鉴权全链路实践
本文深入解析了Web应用中文件上传与用户鉴权的关键技术流程。文章从文件上传的业务场景入手，详细介绍了客户端数据提交的协议规范、表单编码方式（application/x-www-form-urlencoded、multipart/form-data等）以及服务端处理机制。通过Node.js原生实现和Koa框架示例，展示了请求解析、动态路由处理、QueryString解析以及不同数据格式（JSON、form-data等）的正文解析方法，帮助开发者构建安全可靠的文件管理系统。
2025-10-30 08:28:09
1217
原创 七、Node.js后端开发场景下的MySQL数据持久化：从环境搭建到安全CRUD实践
本文系统介绍了MySQL数据库的安装配置、核心概念及Node.js操作实践。主要内容包括：MySQL的C/S架构与SQL语言分类（DDL/DQL/DML等），Node.js通过mysql2模块连接数据库并实现增删改查操作，重点讲解了WHERE条件查询、ORDER BY排序以及LIMIT分页等关键技术。同时对比了简单文本存储与专业数据库的适用场景，为开发者构建稳定数据存储层提供了实用指南。
2025-10-30 08:13:19
1268
原创 六、Nodejs：持久化基本操作笔记
这篇笔记主要介绍了数据库的基本操作，包括图形化界面和SQL语句两种创建数据库的方式，以及表的创建、数据插入等操作。还展示了通过Node.js查询数据库时返回的数据结构说明，其中query方法会返回包含查询结果集和执行信息的二维数组。文中提供了相关操作的截图示例和代码片段，是一篇实用的数据库操作入门指南。
2025-10-29 14:19:19
326
原创 五、超详细的 MySQL 及 DBeaver 图形化安装指南
本文提供了针对macOS和Windows系统的MySQL数据库安装详细指南，主要包括安装包下载、安装步骤、服务启动及图形化管理工具配置。在macOS中推荐使用DMG安装包，Windows则推荐MSI离线安装包。安装过程中需注意密码设置（root账户）及兼容性选项（如选择传统加密方式）。最后介绍了通过系统工具或第三方软件（如DBeaver）进行数据库管理的方法，并针对重装情况给出了数据清理建议。全文旨在帮助开发者快速搭建本地MySQL环境。
2025-10-29 13:57:51
565
原创 四、Nodejs基于 Koa 框架的 WebServer 构建与原理解析
本指南系统介绍Node.js与Koa框架的核心知识，包括NPM安装配置、Koa框架的设计思想与安装方法，重点讲解中间件机制、洋葱模型原理及其异步处理方式，同时演示了静态文件代理、路由等实用中间件的应用。通过模板引擎实战案例，帮助开发者快速掌握现代化Web应用开发技术，构建高效可扩展的服务端程序。
2025-10-29 12:50:42
909
原创 二、手把手构建 Node.js Web 服务器：从 HTTP 模块、路由到后端渲染的全栈指南
这篇文章系统介绍了使用Node.js构建Web服务器的核心知识，主要包括：Node.js与浏览器端JavaScript的区别、Web服务器概念、如何用Node.js的http模块创建服务器、监听端口和主机、处理请求事件、响应数据返回、URL资源定位及解析等关键内容。重点讲解了http模块中的核心类（如Server、ServerResponse、IncomingMessage）的使用方法，并提供了创建基本Web服务器的代码示例，帮助开发者快速掌握Node.js后端开发能力。
2025-10-29 10:50:48
1078
原创 一、Node.js入门实战指南：从零搭建你的第一个后端
这篇文章介绍了Node.js的基础知识，包括安装方法和编写服务器的入门教程。主要内容包括：Node.js是基于Chrome V8引擎的JavaScript运行环境，使JavaScript可以在服务器端运行；详细说明了Node.js的安装步骤和版本选择；展示了如何使用Node.js创建第一个简单的HTTP服务器；介绍了npm包管理工具的全局安装路径设置；最后讲解了Node.js中的模块化规范（CommonJS），包括文件模块和文件夹模块的创建、导出和导入方法。文章提供了完整的代码示例，适合Node.js初学者
2025-10-29 09:08:24
856
原创 手写Vue响应式系统：从数据劫持到视图更新的完整实现
本笔记通过手写一个简易的 Vue 响应式系统，核心揭示了其底层工作原理。它详细对比并实现了两种数据劫持方案：ES5 的 Object.defineProperty 与功能更强大的 ES6 Proxy。通过实现发布-订阅模式，构建了 Dep（依赖管理器）与 Watcher（订阅者）类，从而在数据被访问时收集依赖，在数据变化时自动通知并更新视图，完整地模拟了从数据驱动到视图渲染的响应式全过程。
2025-10-24 17:42:52
886
原创 【异步】JavaScript异步编程解密：从回调地狱到优雅异步（1）
在单线程的JavaScript世界中，异步处理是提升应用性能与用户体验的关键。本文将带你深入理解同步与异步的本质，探索从基础回调到Promise、async/await的演进之路，通过实际案例揭示如何写出更清晰、更易维护的异步代码。// 一次性触发// 以上代码特点：能解决回调地狱问题，但不够灵活注意：dispatchEvent 不是直接触发事件，而是通过 CustomEventdetail: {});1 : -1);num++;
2025-10-15 02:05:26
832
原创 Vue 3 + Vite 手动配置指南
本指南详细阐述基于Vite的Vue3项目标准化搭建流程，涵盖工程初始化、模块化配置及生产环境优化方案，为开发者提供可复用的企业级前端开发实践框架。该方案通过规范化的目录结构设计、模块化工具链集成及系统化性能优化策略，构建了可扩展的Vue3应用开发体系。环境变量管理、代码分割等关键技术方案均经过生产验证，能有效提升开发效率与项目可维护性，适用于中大型项目开发场景。最后：个人的一点记录，<如有疏漏或谬误，望码友能不吝赐教~>
2025-10-10 20:32:48
484
原创 Git代码上传全流程指南：从SSH密钥配置与.gitignore规范到代码上传
本文系统解析Git代码上传全流程，涵盖仓库创建、本地配置、远程关联及SSH密钥管理等核心操作，重点解决Permission denied等常见问题。通过标准化步骤与.gitignore规范，为开发者提供高效安全的版本控制实践框架。
2025-10-09 22:58:24
1372
原创 三、NodeJs之Koa实战：Pug与Nunjucks模板引擎从入门到精通指南
本文总结了Pug和Nunjucks两种模板引擎在Koa框架中的应用。主要内容包括：1) Node.js模块化分类（自定义模块、第三方模块、内置模块）；2) npm常用操作指南；3) 模板引擎概念与作用；4) Pug模板引擎的安装、基础语法、循环判断、混合模式和插值；5) Nunjucks模板引擎的安装与Koa集成。通过具体代码示例展示了两种模板引擎的使用方法，帮助开发者理解模板引擎原理并掌握其应用技巧。文章还提供了相关目录结构和运行效果展示，适合需要在Koa项目中应用模板引擎的开发者参考。
2025-08-12 19:15:47
1195
原创 安装后，报 nodemon : 无法将“nodemon”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次……
npm config set prefix "‘你的目录’\node_global" /* 我的：“C:\Program Files\nodejs\node_global” */npm config set cache "‘你的目录’\\node_cache" /* 我的：“C:\Program Files\nodejs\node_cache” */4.查看【系统变量】“Path”值内是否有全局安装位置配置，我的是：C:\Program Files\nodejs\node_global。
2025-07-18 07:48:41
447
原创 nodemon 安装后无法正常执行
npm config set prefix "‘你的目录’\node_global" /* 我的：“C:\Program Files\nodejs\node_global” */npm config set cache "‘你的目录’\\node_cache" /* 我的：“C:\Program Files\nodejs\node_cache” */4.查看【系统变量】“Path”值内是否有全局安装位置配置，我的是：C:\Program Files\nodejs\node_global。
2025-07-18 00:27:14
541
原创 vue 中使用Element Plus的图标组件时，将其错误地转换为响应式对象异常处理
最后：个人学习的一点拙见，<如有疏漏或谬误，望码友能不吝赐教~>
2025-07-07 15:55:39
189
原创 递归算法，根据 pid 将一维数组转树结构 / 将树结构转一维数组
最后：个人工作的一点记录，<如有疏漏或谬误，望码友能不吝赐教~>开发中有时会从服务端拿到一些“原始数据”，需要前端处理一下，例如。#扁平化数组转为树结构#
2025-07-05 18:46:27
234
原创 任务管理器中强制结束 webstorm 任务的异常处理
Windows系统为了加快系统响应速度，在安装完应用第一次显示完应用图标后，会将应用的图标放入缓存中，以后每次显示应用图标直接在缓存中获取，如果缓存中的图标信息发生错误，就显示成空白。解决思路：将Windows本地缓存文件 IconCache.db 删除重启电脑（资源管理器）重新获取一次图标，图标就会重新写入缓存，并正确显示。2.删除缓存文件：找到 IconCache.db，并删除（如果找不到就说明被隐藏了，文件夹选项高级设置→勾选显示隐藏的文件、文件夹和驱动）1.桌面找不到 webstorm 快捷方式；
2025-07-05 15:33:34
239
原创 element ui 容器布局 ＜el-card style=“height: 100%；“/＞出现纵向滚动条
F12打开浏览器开发者模式，对比 el-aside 和 el-card，后者多出一个 border: 1;最后：个人的一点学习的一点，<如有疏漏或谬误，望码友能不吝赐教~>#height:100%;el-aside盒子模型值。el-card盒子模型值。
2025-07-03 13:43:02
439
原创 页面＜iframe height=‘100%‘ /＞时有纵向滚动条
iframe=inline iframe它是一个内联元素，默认是跟 baseline 对齐的，iframe 后面有个看不见摸不着的行。从而影响空白节点的 line-height 是 0，即不占高度。，空白节点占据着高度，iframe与空白节点的基线对齐，导致了div被撑开，从而出现滚动条。第三种：改变 iframe 的内联元素性质，改为：display: block;第一种：设置 iframe 的 vertical-align: top;最后：个人的一点学习记录，<如有疏漏或谬误，望码友能不吝赐教~>
2025-07-03 13:25:54
640
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人