苏落

摘要： 实现效果： 即需要实现当前元素与相邻元素交换位置， 当上移时，则是当前元素与上一元素调换位置；当下移时，则是当前元素与下一元素调换位置。 实现代码： js: //点击上移 clickUp(index){ this.swapArray(this.tableData, index-1, index); 阅读全文

摘要： 需要遍历对象，将key value分为两个数组，可以使用forin，但是获取到的对象中的属性及属性值排列是无序的， 目的是要按顺序取出对象中的key和value值。 实现效果： 比如接口返回的对象格式： 需要转换的格式： 实现代码： //按序输出数据 for(let i in res.data.al 阅读全文

摘要： 效果如下： 在不分离项目中，需要网站里的所有页面均显示相同的网站图标，在前后端分离项目中可以直接在static的index.html中添加，但是不分离项目中就不行了， 实现办法： 写一个公用的commons.jsp文件，里面写上所有页面都需要的东西，比如css,js,img,favicon.ico等 阅读全文

摘要： 有时候需要设置滚动条的位置，比如： 1.vue使用vue-router在切换路由时，如果页面不需要请求接口的话，则不会刷新页面，这时候浏览器会保留上个页面的滚动条位置，在下一个页面仍保留在该位置， 2.聊天框里，设置的height：100%，这样高度超出会出现滚动条，在每次输入新的消息点击发送时，聊 阅读全文

摘要： 想要在页面中插入视频，比如mp4格式，使用VideoPlayer 实现效果： 实现代码： 1.页面引入： <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options 阅读全文

摘要： 文件、图片在后端主要以两种方式存储： 1.保存在服务器上，数据库中存储的是该文件、图片的地址； 2.将文件、图片转为二进制流，数据库中存储的是对应的二进制流。 针对第一种情况的话，直接请求接口获取到对应的URL地址，赋值给src即可。 第二种的话需要转换一下，请求接口获取的是二进制流，在控制台看到的 阅读全文

摘要： 问题： 使用router-view嵌套路由时，固定的那方若数据是请求接口获取的，在其他路由组件中，需要固定那方的数据更新，应该怎么去请求它的接口？ 组件间通信，使用eventbus。 使用router路由跳转时，通过query传参，怎么传文件过去？传过去的还是正常的文件么？ 在data中直接给一个变 阅读全文

摘要： 实现效果： 想要实现可以上传文件和文件夹这个操作， 实现代码： 1.html: <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :http-request="modeUpload" 阅读全文

摘要： vuex：专为vue开发的一个状态管理模式，相当于保存数据的一个大仓库，可以在任何地方对数据进行改变，其他组件中使用该数据时可以实时更新。 localstorage：浏览器缓存，将数据保存在本地，除非被清除，否则永久保存。 两者区别： 1.vuex中的数据是保存在内存，所以刷新页面相当于是清除内存， 阅读全文

摘要： 整理了一个web前端技术图谱，关于技术的图谱及讲解文档放在个人github上了，自行下载。 github：https://github.com/123456abcdefg/web-technology 阅读全文