vue
失岸
这个作者很懒,什么都没留下…
展开
-
videojs实现监控摄像头界面及数量切换,及遇到的问题
遇到的问题:1.页面跳转进来有时候不会自动播放2.在切换数量的时候有的设备头不会显示解决方案:定位到的问题是在页面没有手动刷新时,dom用过的id再次使用的时候就不能正长播放,目前的解决方案是每次生成dom的时候取当前的时间戳作为dom的ID,这样无论是第一次进入页面还是切换数量的时候都可以保证ID是最新的也是唯一的需求:需实现显示摄像头数量切换代码: <div class="main-mid"> <div class="hand">原创 2022-04-27 10:47:42 · 1127 阅读 · 0 评论 -
数字改变滑动动画,element table数据更新动画
数字在更新时,有一个向上滑动的动画 使用vue watch监听,有一个新值和一个旧值 两个值纵向排列 ,使用定位将该div向上移动 watch监听对象时,新旧值相等,需要搭配计算属性一起使用 <div class="animation"> <span>{{ oldInfo.alarm}}</span> <span>{{ info.alarm}}</span></div> data() { r原创 2021-02-22 20:57:46 · 1793 阅读 · 0 评论 -
blob,token验证文件下载方法封装
项目中遇到需要文件下载的功能,使用window.open方式在新页面打开链接下载,但是新页面无法传递token信息,于是让后台关闭token验证。const exportUserUrl = `${_baseUrl}/sys/user/exportUser`;export const exportUserApi = function (json) { let data = `?areaId=${json.areaId}&areaType=${json.areaType}&id=$.原创 2020-10-09 14:35:37 · 415 阅读 · 0 评论 -
Vue+Koa2+MongoDB实现登录注册信息管理DEMO
线上地址:http://67.216.222.247:2002/前端github地址:https://github.com/jimoruyan/Sign-up接口github地址:https://github.com/jimoruyan/koa-interface1.MongoDB官网注册一个账号,创建一个数据库https://account.mongodb.com/2.将接口代码数据库替换成自己的地址3.修改axios的baseURL和代理地址4.上传接口至原创 2020-07-14 11:01:12 · 355 阅读 · 0 评论 -
Vue动画卡顿,动画帧数优化
项目中需要在地图中做一个风场粒子动画,原生js方法绘制的动画非常流畅,但是一放到Vue中就会变得很卡顿,帧数大概只有原来的30%,最终发现是因为map变量放在了date中重写了变量的getter/setter,导致获取某个属性或者改写某个属性的时间变长,对于动画来说,影响就非常大了。解决方案:将map在方法内部定义,或者深拷贝data中的值复制给map,由于一个map变量可能在多个方法内使用,也可以将map放在data和方法的外部去定义<script type="module">原创 2020-07-07 14:45:08 · 3607 阅读 · 0 评论 -
Vue代码规范,原理,性能优化,面试题
1.Vue代码规范https://juejin.im/post/5b67e49551882508603d1431https://cn.vuejs.org/v2/style-guide/index.html2.Vue原理https://zhuanlan.zhihu.com/p/1381144293.Vue性能优化https://mp.weixin.qq.com/s/Q7YPgruUsJX_IQATAysQDA4.Vue面试题https://zhuanlan.zhihu.com/原创 2020-06-23 11:13:29 · 384 阅读 · 0 评论 -
vue刷新页面store数据丢失,localStorage/sessionStorage存储。
刷新页面vue实例重新加载,store被重置,可以把定义刷新前把store存入本地localStorage、sessionStorage、cookie中,localStorage是永久储存,重新打开页面时会读取上一次打开的页面数据,sessionStorage是储存到关闭为止,cookie不适合存大量数据。根据自己的需求可以选择合适的储存方法。import { SITE, FACTOR } ...原创 2020-05-06 10:52:09 · 2073 阅读 · 0 评论 -
Vue3.0快速使用 vite创建Vue3.0
vue3.0 API文档地址:https://vue-composition-api-rfc.netlify.app/1.vue/cli 3以上2.新建一个项目 vue create vue3-2020-4-17(该项目仍然是2.0)3.使用vue add vue-next命令,将项目升级为3.0(如果报错可以尝试将vuecli升级到最新版本)...原创 2020-04-17 22:43:45 · 3124 阅读 · 0 评论 -
table表头固定,内容滚动条,table滚动条对齐
<template> <table> <thead> <tr> <th v-for="(item,index) in 10" :key="index">表头</th> </tr> </thead> <tbody> <tr v-f...原创 2020-03-06 20:53:45 · 885 阅读 · 0 评论 -
Vue 通过for循环出来的标签,只改变其中的某一个样式
场景:项目中点击表格的某一个内容,按照该内容的属性进行排序,排序时需要改变排序的样式<tr> <th v-for="(item,i) in tableHeadData" @click="decChange(item.value,i)" ref="decChange" class="sortable both" :value='item.value' :key="...原创 2020-03-03 15:55:14 · 6537 阅读 · 0 评论