- 博客(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关注的人