- 博客(30)
- 收藏
- 关注
RSS订阅原创 前后端分离项目如何解决跨域问题
本文解析了前后端分离项目中的跨域问题及解决方案。跨域是浏览器出于安全考虑拦截不同域名、端口或协议的请求，典型表现为CORS报错。Apifox能调通是因为不受浏览器限制。解决方案包括：1）后端全局配置CORS（推荐）；2）Controller局部开启跨域注解；3）前端使用Vite代理转发。新手建议采用全局配置或Vite代理，简单高效地解决跨域通信问题。
2025-09-14 15:45:30
329
原创 GitHub 项目提交完整流程（含常见问题与解决办法）
本文介绍了如何通过SSH方式将本地项目代码推送到GitHub仓库的完整流程。主要内容包括：1）生成SSH密钥对并添加公钥到GitHub账户；2）使用443端口配置SSH远程仓库地址，避免国内网络屏蔽问题；3）本地Git初始化、代码提交和推送操作；4）常见错误排查方法。特别针对国内用户推荐使用SSH over 443端口的稳定连接方案，并强调GitHub不再支持账号密码推送，需采用SSH密钥或HTTPS+个人访问令牌的方式。文章还提供了后续项目更新的标准流程和错误解决方案。
2025-09-09 15:54:34
870
原创 MySQL 入门
本文目标：用最简单、最容易理解的方式讲清楚 mysql 里面的关键语法，特别是数据表的字段类型，比如 int、unsigned、varchar 等到底什么意思。
2025-08-26 19:12:50
738
原创 Pinia 状态管理：小白也能懂的多组件数据共享指南
概念说明类比组件中的state存储数据dataactions修改数据的方法methodsgetters计算属性computedstore整个数据仓库无。
2025-08-18 22:33:28
478
原创 Vue3 中使用 Element Plus 完整指南
ElementPlus是基于Vue3的开源UI组件库，提供丰富的企业级组件。安装方式包括npm/yarn/pnpm安装，支持全局引入和按需引入（推荐使用unplugin插件）。使用时需导入CSS文件，图标需单独注册。支持Sass变量定制主题，通过修改vite配置实现。注意事项包括版本兼容性检查、样式导入和图标使用区别。该库适合快速构建Vue3中后台应用，完整文档参考官方中文网站。
2025-08-18 21:05:54
1186
原创 Vue3 路由入门指南：从小白到轻松掌握
本文介绍了Vue3路由的基础知识，包括：1）路由本质是单页面应用中的组件切换工具；2）安装使用VueRouter的步骤（创建实例、配置路由、添加出口）；3）核心概念如导航方式（声明式/编程式）、动态路由、嵌套路由；4）进阶功能包括路由守卫、懒加载和传参方式；5）常见问题如404页面处理和路由监听；6）推荐的项目结构。文章强调使用router-link标签、命名路由等最佳实践，并建议从简单项目开始练习路由功能。
2025-08-18 20:46:48
1221
原创 Vue3 父子组件通信终极指南
本文介绍了Vue3组件通信的两种主要方式：Props传参和事件通信。在父组件向子组件传值时，可通过静态或动态方式传递数据，动态数据会保持响应式链接；子组件使用defineProps接收参数，在模板和脚本中均可使用。子组件向父组件传值则通过emit触发事件，父组件通过@监听。文章还提供了购物车组件通信的完整示例，涵盖了数据传递、事件处理和类型声明等场景，帮助开发者掌握Vue3组件通信的核心技术。
2025-08-18 18:47:55
750
原创 Vue3 中的 provide 和 inject 详解：实现跨组件通信
Vue3中的provide/inject和defineOptions详解 provide/inject是Vue3实现跨层级组件通信的API，解决了props逐层传递的问题。祖先组件provide提供数据，后代组件inject注入数据，支持响应式处理和修改方法封装。最佳实践包括使用Symbol避免命名冲突、应用层provide全局数据，适合主题切换、国际化等场景。 defineOptions是Vue3.3+的宏命令，允许在<script setup>中定义组件选项（如name、inheritAtt
2025-08-18 16:27:19
1450
原创 Vue3 中的 provide 和 inject 详解：实现跨组件通信
Vue3中的provide和inject是一对实现跨层级组件通信的API，能够有效解决props逐层传递的问题。祖先组件通过provide提供数据，后代组件通过inject注入数据，支持跨任意层级访问。相比props，这对API更适合主题配置、全局数据等场景。文章详细介绍了基本用法（包括选项式和组合式API写法）、响应式处理技巧、高级用法（Symbol键名、应用层provide等），并提供了主题切换的完整示例。最佳实践包括避免滥用、规范命名、保持响应性等。需要注意直接提供基本类型值不会自动保持响应式，且应谨
2025-08-18 16:05:12
340
原创 Vue3 中的 ref、模板引用和 defineExpose 详解
Vue3中的ref用于创建响应式引用，可包装任何类型值，访问时需使用.value（模板中自动解包）。模板引用可直接访问DOM元素或组件实例，v-for中会生成元素数组。组件引用需配合defineExpose显式暴露子组件方法或状态。最佳实践包括：合理命名、避免过度使用、进行null检查。这些特性共同增强了Vue3组件的灵活性和可维护性。
2025-08-17 22:07:53
448
原创 大事件项目拆解：登录访问拦截实现详解
本文介绍了一个基于Vue.js和Node.js的后台管理系统登录拦截实现方案。系统采用Vue3+Pinia+ElementUI技术栈，通过路由守卫实现认证拦截，未登录用户会被重定向到登录页。详细展示了路由配置、Pinia状态管理、登录组件实现和axios请求拦截器等核心代码，解决了页面刷新状态丢失等问题，并提出了密码安全、HTTPS传输等安全实践建议。该系统实现了完整的用户认证流程，为Web应用提供了基础安全防护机制。
2025-08-11 12:33:38
378
原创 【已解决】PNPM 报错：无法加载文件，因为在此系统上禁止运行脚本
摘要：在Windows PowerShell中运行pnpm命令时出现"禁止运行脚本"错误，这是由PowerShell默认安全策略限制所致。提供4种解决方案：1）临时允许当前会话执行脚本（推荐）；2）永久修改执行策略（需管理员权限）；3）改用CMD或Git Bash终端；4）直接调用pnpm.cmd文件。建议优先使用临时方案保证安全性，长期使用可选择永久修改或更换终端。每种方法都给出了具体执行命令和注意事项。
2025-07-16 13:39:49
776
原创 ESLint 配置错误：ReferenceError: prettier is not defined 解决方案
该错误导致 ESLint 无法正确执行代码格式检查，但。旧版 ESLint 的配置方式（如。规则，但没有正确引入。
2025-07-15 14:30:59
321
原创 快速掌握 async/await：让异步代码像同步一样简单
摘要：async/await是ES2017引入的异步编程语法糖，解决了回调地狱和Promise链过长的问题。通过在函数前加async关键字创建异步函数，内部用await等待Promise完成，使异步代码具有同步代码的可读性。典型应用包括HTTP请求、顺序/并行执行异步操作，用try/catch处理错误。需注意await只能在async函数中使用，且async函数总是返回Promise。使用for...of循环可顺序执行异步操作。该特性显著提升了异步代码的简洁性和可维护性。
2025-07-11 12:44:50
487
原创 Axios 简明教程：前端开发必备的 HTTP 客户端
Axios 是前端开发中不可或缺的工具，通过本教程你已经掌握了：基本 GET/POST 请求并发请求处理创建自定义实例拦截器使用错误处理方法这些知识已经足够应对大部分项目开发需求。记住在实际项目中做好封装和错误处理，会让你的代码更加健壮和易维护。现在就去你的项目中试试 Axios 吧！🚀。
2025-07-11 12:38:15
788
原创 零开始git使用教程-传html文件
如果提示冲突（CONFLICT），用 VS 打开冲突文件（如 README.md）已经存在文件（比如创建时自动生成的 README），但你的本地仓库没有这些文件。如果还有问题，告诉我具体哪一步报错，我再帮你解决。是远程仓库的别名，可以改成别的，但一般用这个）（而不是 main）。（波浪键，在 Esc 下面）打开终端。（表示 Git 仓库初始化成功）刷新你的仓库页面，应该能看到。分支（Gitee 默认用。（不初始化 README）。（表示远程仓库已正确添加）（任何版本，社区版也行）），选择保存位置（比如。
2025-07-01 10:00:00
829
原创 Vue3项目在浏览器能打开但在VS Code中无法打开HTML的原因及解决方法
摘要：Vue3项目直接打开index.html文件无法显示内容，因为Vue组件需要编译才能运行。必须通过npm run dev启动开发服务器，它会实时编译代码并提供热更新功能。若要在VSCode中预览，建议安装LiveServer插件，但可能仍无法完全正常运行。正确做法是始终使用开发服务器访问项目。
2025-06-26 10:00:00
311
原创 Vue 3 最基础核心知识详解
《Vue3核心知识速览》摘要：本文系统介绍Vue3基础知识要点，涵盖六大核心模块。首先讲解应用创建方法（createApp替代Vue2的new Vue），详解模板语法（插值、指令v-if/v-for/v-model等）。重点解析响应式系统（ref/reactive的区别与Proxy原理），计算属性与监听器的使用场景及最佳实践。在组件部分，说明props/emits的用法和组件通信方式，并梳理生命周期钩子执行流程（onMounted等组合式API）。文章强调Vue3采用渐进式学习路径，推荐通过实践项目巩固知识
2025-06-26 09:24:50
1868
原创 JavaScript 核心语法详解
摘要：本文系统介绍了JavaScript核心语法，包括变量声明（var/let/const）、7种基本数据类型和引用类型、各类运算符（算术/比较/逻辑）的使用。详细讲解了流程控制（if-else/switch）、循环结构（for/while）、函数定义（声明/表达式/箭头函数）以及对象和数组操作。重点说明了ES6新增特性：块级作用域变量、类继承体系和模块化开发。文章强调现代JS开发应优先使用const/let、箭头函数等ES6规范，为初学者提供了全面的语法参考和实践指导。
2025-06-23 13:49:15
407
原创 软件设计师中级UML知识点解析-（附关系详解与应用场景）
软件设计师中级uml图，类图，对象图，用例图，序列图，通信图，状态图，活动图，构件图，部署图
2025-05-11 16:04:32
1455
原创 万字详解CSS动画核心——@keyframes，看完就会做动画！
简单说@keyframes是CSS3的 动画关键帧规则，就像导演给动画片分镜头一样，你可以定义动画在不同时间点的样式变化。举个栗子：开始时（0%）在左边结束时（100%）掌握@keyframes只需三步：1定义关键帧动画2 应用animation属性 3调试参数优化效果
2025-05-08 11:30:00
2457
原创 CSS3 transform 属性详解
transform是 CSS3 的核心属性之一，用于对元素进行 ，例如位移、旋转、缩放、倾斜等，无需修改 DOM 结构即可实现视觉效果的动态调整。translate() 旋转：rotate() 缩放：scale()性能优化：优先使用 transform 代替 top/left 实现动画
2025-05-08 11:30:00
958
原创 CSS 伪元素-详细 小白 教程
伪元素 就像魔法一样，可以不修改 HTML 结构，用 CSS 给元素添加额外的装饰内容。比如在文字前面加个图标，或者在按钮后面加个箭头。
2025-05-06 09:43:14
654
原创 如何用swiper插件快速做轮播图/网页中滑动切换图片效果实现
轮播图效果是网页中常见的一种效果，单纯用css代码实现非常复杂，但我们可以利用swiper插件实现，本文将讲述如何利用swiper插件快速实现各种轮播图效果。
2025-05-05 14:00:41
1355
原创 零基础入门：在VSCode中正确引入阿里巴巴矢量图标库的完整流程
在浏览器中我们经常会看到一些图标比如🔍，本文将讲解如何获取这些图标元素，如何正确的将其导入VSCode以及如何设置这些元素的属性
2025-05-03 13:30:00
1543
原创 一文学会CSS Flex布局 - 新手入门指南
作用对象：仅适用于包含多行弹性项目的 Flex 容器（需设置或）46。核心功能：控制多行项目作为一个整体在交叉轴上的分布和对齐方式（如行间距调节、整体居中或拉伸）13。
2025-05-01 09:00:00
1283
原创 2025最新前端学习路线（新手入门-＞全栈进阶）
本篇文章是一份专门为新手小白设计的前端学习路线，包含未来规划，项目建议以及推荐的学习资源适合零基础/大学生/转行人群/想了解前端学习路线人群，本篇文章将讲述如何，从HTML到全栈开发，直接对标企业招聘需求。
2025-04-30 12:28:10
4100
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人