接口axios vue all
PHP中接口interface的作用
对象接口 使用接口(interface),可以指定某个类必须实现哪些方法,但不需要定义这些方法的具体内容。由于接口(interface)和类(class)、trait 共享了命名空间,所以它们不能重名。 接口就像定义一个标准的类一样,通过 interface 关键字替换掉 class 关键字来定义, ......
axios二次封装
为什么需要封装axios? 请求拦截,在发请求之前处理一些业务 响应拦截,服务器返回数据之后处理一些事情 对axios封装的代码放在 ./src/api/request.js文件里 安装axios: npm install --save axios 封装axios import axios from ......
Vue3语法基本使用
1、watch 使用 watch(监听数据源,执行函数,[配置参数]) //配置参数: 立即执行 深度监听 {immediate: true, deep: true } 1.1 监听基本数据类型单一数据源 <script setup> import {ref, watch} from 'vue' l ......
解决vue中watch监听对象变化获取不到旧数据的问题
解决vue中watch监听对象变化获取不到旧数据的问题 1.问题代码 watch: { pageInfo: { handler(newVal, oldVal) { console.log(newVal, oldVal); }, } } 结果:打印出来newVal和oldVal输出内容一样 conso ......
vue2使用百度地图(vue-baidu-map)
https://dafrok.github.io/vue-baidu-map/#/ https://www.npmjs.com/package/vue-baidu-maphttps://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey 一 ......
从零开始使用vue2+element搭建后台管理系统(实现导出excel表格的功能)
首先参阅了以下文档: https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
浏览器安装vue.js-devtools插件
1.火狐浏览器在——扩展和主题搜索vue,如下图所示,直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......
java supplier接口
参考:https://blog.csdn.net/m0_61366135/article/details/130557475 函数式接口概述 有且仅有一个抽象方法的接口 Java中的函数式编程体现就是Lambda表达式 所以函数式接口即可以适用于Lambda使用的接口 supplier Java 中 ......
java consumer接口
参考:https://blog.csdn.net/weixin_44230693/article/details/113847162 consuemr void accept(T t):对给定的参数执行此操作。 default Consumer andThen(Consumer after):返回一 ......
AOP之DAO层接口监控
参考:https://github.com/aalansehaiyang/technology-talk/blob/master/data-base/DAO层接口性能监控.md 目前很多大公司内部都有一些定制的监控系统,可以多维度采集数据,生成各种报表。 不过这样的系统维护成本比较高,甚至要专门的技 ......
springboot+vue整合百度的Ueditor
前言 最近应上级要求,添加一个富文本编辑器,百度的Ueditor(主角来了);划重点2016年就停更了! 废话不多说,直接开始操作吧。 !!!建议看的时候仔细一点,因为很可能遗漏了某个地方就很抓狂!!! 相信你看完肯定会有收获的 1、先去GitHub官网上下载Ueditor(点这里) 下载完成之后解 ......
Go语言中的隐式接口冲问题
Go语言中的隐式接口冲突 问题 Go中隐式接口,只要实现了某个接口就能当作那个接口使用,但是在不同接口中,可能有相同名字的方法,这时候就有可能会有接口冲突的问题。 隐式接口的好处之一就是松耦合,接口之间容易相互转换 比如有个自定义接口 MyError 接口,里面有个Error()方法 type My ......
vue端接收springboot端传来的表格数据
1、成果--实现啦! 2、vue端相关代码 表格界面: <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid ......
vue九宫格播放
[2023年9月12日22:09:19] vue实现九宫格自适应播放 业务要实现九宫格的播放,同时也要做到拖拽放大的自适应,两种思路方法,一种是通过九宫格播放容器的宽高进行单元格尺寸的计算再搭配flex等css实现自适应,工作量较大;第二种是通过ui组件库自带的grid布局,这里用ant-desig ......
Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误
问题描述 在编译前端项目时出现下面的问题: Failed to load PostCSS config: Failed to load PostCSS config (searchPath: D:/WebProject/imooc-front): [Failed to load PostCSS co ......
Fetch API res.buffer vs res.arrayBuffer All In One
Fetch API res.buffer vs res.arrayBuffer All In One
......
SpringBoot和Vue实现数据对接--Vue端
以table表格进行数据展示 Vue端 在PageOne界面进行组件引入: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="date" label="Date" widt ......
利用Api接口实现手机网络连接断开的监听
在今天的移动互联网时代,手机已经成为了人们不可或缺的重要工具,而手机的联网状态也是我们经常需要关注的一个问题。我们需要保证手机网络处于正常的连接状态,但是有时候,由于种种原因,手机的网络可能会断开,这时我们需要及时发现,并进行相应的处理措施。而利用Api接口实现手机网络连接断开的监听,便是一种较为高 ......
Vue学习三:生命周期和工程化开发
一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段:1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数(钩子函数) Vue生命周期过程中,会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据 ......
使用element-plus组件在vue中引入分页功能
1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是,现在页码并不能与每页的内容相互对应 解决方式: page用来表示确认每 ......
How to fix Node.js fs.readFileSync toString Error All In One
How to fix Node.js fs.readFileSync toString Error All In One
......
vue3.*安装axios具体步骤
在项目的命令行处使用命令进行axios的安装 npm install axios vue-axios --legacy-peer-deps --save 其余的命令可能会报错; ......
SpringBoot和Vue实现数据对接--SpringBoot端
1、新建一个SpringBoot项目 勾选上这四个: 等待创建完成即可; 2、编写.yml文件 这里需要注意的是,端口需要与vue的端口区分开,不然会存在端口冲突的问题! 3、编写SpringBoot代码 Student.java package com.example.myspring001.en ......
在Vue2和Vue3中JSX的使用集锦
Vue2安装JSX支持 有时候,我们使用渲染函数(render function)来抽象组件,而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大,体验不佳,这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的,而在 Vue2 中使用 JSX,需要安装并使用 ......
vue前端实现分页逻辑
在前端实现分页逻辑 <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="page" :page-size="size" :page-sizes="pageSizes" layo ......
vue实现动态导航栏的设置
1、点击某个导航栏即切换到某个页面 1、为el-menu标签加上router属性 2、在页面中添加router-view标签,动态渲染我们自己选择的router 3、el-menu-item标签的index值即为要跳转的页面地址 呈现效果: 2、为页面设置选中状态--此时点击选中是有状态的,但是初始 ......
WebAPI接口文档快速编写
近期项目使用了WebAPI,需要先给出接口文档,本着能省事就省事的原则,自然最好是能找到自动生成文档的方式。 一、使用Apifox,官网写着这是个API一体化协作平台,说白了,对于我来说,这就是个测试工具+文档生成器。单纯用于测试的话是可以直接在线操作,但如果想导出文档的话,还是需要下载桌面版软件的 ......
从零开始使用vue2+element搭建后台管理系统(框架布局+面包屑+内容页加载实现)
先在components下分别创建侧边栏、顶部、布局等组件,用于全局配置: CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......
Vue源码学习(四):<templete>渲染第三步,将ast语法树转换为渲染函数
好家伙, Vue源码学习(三):<templete>渲染第二步,创建ast语法树, 在上一篇,我们已经成功将 我们的模板 转换为ast语法树 接下来我们继续进行操作 1.方法封装 由于代码太多,为了增加代码的可阅读性 我们先将代码进行封装 index.js import { generate } f ......