~山花~-CSDN博客

原创 Vue3实战笔记（11）—扩展运算符

这几天学习中用到了…这个玩意，叫扩展运算符，记录一下这货的用法备忘。感觉这玩意就是把数组或者对象等能够迭代的对象拆开，数组去掉[]，对象去掉{}，字符串拆成一个个字符。提示：以下是本篇文章正文内容，下面案例可供参考灵活使用扩展运算符能让代码看起来很酷！确实很简洁方便。

2024-05-09 18:49:47 69

原创 Vue3实战笔记（10）—再次封装扩展AXIOS-拦截重复请求

对已经封装好了的工具类整体再加一层封装添加一些功能，便于灵活应用。例如增加防止重复点击功能，缓存功能等等。在软件开发中，对已经封装好的工具类进行进一步的封装并添加新的功能是一种常见的设计模式。这种做法通常用于扩展现有工具类的功能、增强其灵活性或使其更加易于使用。建议配合前面文章结合实践。

2024-05-09 18:35:01 33

原创 Vue3实战笔记（09）—封装请求接口

将不同业务的接口写在不同的js中封装起来方便管理和运维。通过封装请求接口，可以使得应用程序的网络请求更加模块化、可维护和可扩展，有助于提升开发效率和项目的整体质量。将所有的API请求集中管理，有助于保持代码的整洁和组织性，便于维护和更新。封装后的接口可以在多个组件中使用，避免了代码重复，提高了开发效率。通过封装，可以确保所有的请求使用一致的格式和参数，使得整个应用程序的网络请求行为一致。

2024-05-08 18:18:06 266

原创 Vue3实战笔记（08）— 封装自己的AXIOS工具类

为啥封装Axios？提高代码重用性、简化调用、统一错误处理等等。在实际应用中，你可能需要根据项目的具体需求来扩展这个基础类，例如添加更多的HTTP方法、处理不同的错误情况、提供上传文件的功能等。此外，你还可以根据需要配置Axios实例，比如设置超时时间、请求头、代理等。基础封装结束，后续还会把请求方法根据业务进行封装api。

2024-05-08 17:53:35 28

原创 Vue3实战笔记（07）— Axios进阶与提高

书接上文，目标对Axios的更多功能和特性熟练与提高。axios可以创建自定义配置的实例，可以试试这种方式，为以后封装工具类做准备});可用的实例方法：axios的常用方法笔记记录完毕，一定要拿到环境中去运行尝试,多看看注释，都是实战总结的小提示，省时省力。本文学习的内容都是为了后续实战打下坚实基础，后续会自己封装一个实用的工具类。

2024-05-07 16:13:13 178

今天学习Vue官方推荐的请求工具Axios ，Axios 是一个基于 promise 的 HTTP 库，可用于浏览器和 node.js 中。它简洁、易用且功能强大，支持多种请求类型（GET、POST、PUT、DELETE 等），能够自动转换请求和响应数据（如JSON数据），并且提供了拦截请求和响应、取消请求、配置默认参数等多种功能，使得在进行 AJAX 请求时更加便捷和高效。Axios 因其灵活性和易用性，成为了现代前端开发中非常流行的HTTP库之一，广泛应用于各种Web项目中。

2024-05-07 15:51:56 335

原创 Vue3实战笔记（05）--- 跨域前后端解决方案

跨域问题（Cross-Origin Resource Sharing, CORS）是由于浏览器的同源策略（Same-Origin Policy, SOP）限制导致的。同源策略是一种安全措施，它限制了一个源（域名、协议和端口）的文档或脚本如何与另一个源的资源进行交互。这种限制是为了防止恶意网站访问敏感数据。浏览器跨域问题是由同源策略引起的，有多种方法可以解决这个问题。选择哪种方法取决于具体的场景、需求以及服务器的配置情况。CORS 是最标准化和安全的方式，但可能需要后端开发者的配合。

2024-05-06 21:32:13 354

原创 Vue3实战笔记（04）--- 表单校验Vuelidate

表单校验是前端开发中常见的任务，用于确保用户输入的数据满足特定的要求。在 Vue 3 中，你可以使用多种方法来进行表单校验，包括使用 Vue 自身的响应式系统和组合式 API，或者结合第三方库如 Vuelidate，巧了，我也选择使用Vuelidate。直接看官网和文档可能有点云里雾里，可以直接看基础用法，把代码跑一下就明白了。

2024-05-06 12:09:09 153 1

原创 Vue3实战笔记（03）--- 引用配置路由

vue-router 是 Vue.js 官方推荐路由管理器。它和 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得易如反掌。vue-router 用于构建单页面应用程序，允许你通过定义路由规则，实现应用内容的不刷新切换。它允许你为不同的路径设置对应的组件，实现视图与 URL 的同步。本文介绍引用配置路由vue-router。基本的安装和配置，简单的使用，实战跟着操作一下就很简单并且加深理解。over。

2024-05-05 22:01:55 316 4

原创 Vue3实战笔记（02）--- 使用VUETIFY图标字体

Vuetify 开箱即支持 4 种流行的图标字体库—— Material Design Icons，Material Icons，Font Awesome 4 和 Font Awesome 5。今天为项目安装喜欢的图标。

2024-05-05 21:46:00 426 1

原创 Vue3实战笔记（01）--- 使用vite初始化项目

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任，本系列笔记从零开始学习开发一套后台管理系统，从实战出发，记录开发过程中遇到的问题和心得，旨在掌握Vue3 的核心特性和开发技巧。前端UI框架使用Vuetify，以快速构建美观且功能强大的应用程序。

2024-05-04 13:37:02 313 2

原创 Spring Cloud实战秘籍（1）之Eureka指南

Eureka指南Eureka初识Eureka 实战Eureka Server搭建Eureka Client搭建Eureka初识Eureka是Netflix开发的服务发现框架，本身是一个基于REST的服务，主要用于定位运行在AWS域中的中间层服务，以达到负载均衡和中间层服务故障转移的目的。SpringCloud将它集成在其子项目spring-cloud-netflix中，以实现SpringClo...

2019-11-06 17:50:18 130

原创 IBM MQ入门指南

目录1.windows 中IBM MQ 的下载安装2.docker 部署IBM MQ 环境3.IBM MQ Explorer使用1.windows 中IBM MQ 的下载安装首先去官网下载：简单介绍下怎么找到官方的mq下载界面a. 打开网站：https://developer.ibm.com/messaging/ibm-mq/b.点击downloads,然后下载试用版：c. 之后会...

2019-10-30 17:20:18 12783 7

原创 VUE葵花宝典第一式--环境搭建

VUE入葵花宝典第一式--环境搭建node.js安装webpack安装合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入VUE...

2019-10-25 17:45:06 345

loveshenhaitao的博客