自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

转载 spring boot + vue实现oss上传功能

在后端项目中,需要使用 OSS SDK 进行文件上传。然后,在配置文件中配置 OSS 的访问信息,包括 endpoint、accessKeyId、accessKeySecret、bucketName。在使用 Spring Boot 和 Vue 来实现 OSS 直传功能时,需要分别在前端和后端进行开发。在前端项目中,需要使用 axios 进行文件上传。

2023-01-27 21:10:01 448

原创 前端Map的使用

总结来说,Map 是一种非常方便的数据结构,可以用来存储和查询键值对。前端开发中,Map 可以用来存储组件的状态、存储配置信息、缓存数据等等。由于 Map 支持任意类型的键值,所以在使用 Map 时需要注意类型转换问题。使用 Map 可以方便地存储和查询键值对。可以使用 new Map() 构造函数来创建一个新的 Map 对象,也可以使用数组来初始化一个 Map 对象。JavaScript 中的 Map 是一种键值对的数据结构,类似于对象,但是它的键可以是任意类型,而不局限于字符串。

2023-01-26 22:12:16 3415

原创 浅拷贝和深拷贝

或者Object.assign({},original)来实现,但是要注意这种方法只能拷贝一层的对象,对于多层嵌套的对象或者数组,还是需要使用上面提到的深拷贝方式。JavaScript 中可以使用 JSON.parse(JSON.stringify(obj)) 实现深拷贝,它会将对象转换为字符串,再将字符串转换回对象。例如,如果我们将一个对象赋值给另一个变量,实际上只是复制了对象的引用,而不是对象的数据。这意味着,拷贝后的对象和原始对象没有任何关系,修改拷贝后的对象不会影响原始对象。

2023-01-22 22:20:58 121

原创 强缓存&&协商缓存

协商缓存是另一种缓存策略,它使用服务器和浏览器之间的协商来确定是否使用缓存。如果没有变化,则返回 304 状态码,表示资源未变化,并在响应头中设置 “Last-Modified” 和 “ETag”。强制缓存是一种使用浏览器缓存的策略。在这篇文章中,我们将介绍两种常用的缓存策略:强制缓存和协商缓存。如果服务器资源发生了变化,则会返回 200 状态码和最新的资源,并在响应头中设置 “Last-Modified” 和 “ETag”。对于静态资源,强制缓存可能是更好的选择,而对于动态资源,协商缓存则更为合适。

2023-01-22 22:12:50 1066

原创 v-if与v-show切换

<div id="app">  <input type="button" value="toggle" @click="flag=!flag"/>  <h3 v-if="flag">使用v-if</h3>  <h3 v-if="flag">使用v-show</h3></div>//script<script>  var vm = new Vue({    el:'app',    data:{

2020-05-17 23:03:05 405

原创 el-tab遇到echarts图表切换变形

在tab切换时发生第二张图片echarts图表会发生变形,我是用了resize但是还是不行window.addEventListener("resize", function() { myChart.resize(); });然后寻找网上的方案,我的width设置100%最后变成100px是因为show隐藏了,写死宽度就行,但是我发现无法自适应,最后将两个图表写到两个组件里,用components放进来引用即可使用v-if显示切换,完美的切换并且

2020-05-17 22:55:44 1047

原创 vue前端开发微信支付和支付宝支付

1.微信支付微信支付后台程序员会给你返一个地址,首先我们需要安装qrcodejs2将地址转换成二维码,需要先npm install qrcodejs2然后需要一个div来存放这个微信二维码,宽高样式各位自己可以去css里写,我在这里还加了一个loading,有需要的也可以自己加 <div id="wechatcode" v-loading="loading" elem

2020-05-17 22:34:20 6256 3

转载 移动端前端适配方案很实用

1.Media Queriesmeida queries 的方式可以说是我早期采用的布局方式,它主要是通过查询设备的宽度来执行不同的 css 代码,最终达到界面的配置。核心语法是:@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时,应用下面的CSS样式*/ /*你的css代码*/}优点media query可以做到设备像素比...

2020-05-01 17:39:01 290

原创 本地项目首次次上传到git码云

1.首先在码云上创建仓库2.进入本地项目文件夹右键git bash here3.git init4.git add .5.git commit -m ‘输入你的备注内容’6.git remote add origin 你的远程库地址7.git pull --rebase origin master8. git push -u origin master...

2020-05-01 17:24:57 265

原创 去哪儿网项目中Vue中无法访问到static目录下的json文件

在做去哪儿网项目做到要用ajax访问数据的时候,直接踩到坑,搞了一天尝试了各种方法1.目录结构如下直接在浏览器地址栏输入如下内容就跳转回首页了,没办法直接访问到json的数据Home下面按照教程写的api是这样的用api的时候是404各种方法都尝试了还是访问不了,直接把json文件放在home.vue同级的目录去访问依然报404最后修改了config 里的index.js,...

2019-08-25 16:42:27 2083 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除