
Vue
爱写代码的老张
专注互联网开发经验
展开
-
Nuxt3 rc.11 填坑 配置 element-plus
nuxt3 配置elementui原创 2022-10-13 13:54:52 · 2285 阅读 · 0 评论 -
JS 数组塌陷问题
在循环删除过程中 如果使用当前数组循环来删除当前数组的元素 ,就会造成JS的数组塌陷问题。for (let i = 0; i < this.nowCacheFileUrls.length; i++) { this.nowCacheFileUrls.splice(i,1)}因为删除的时候 数组的长度也会变化导致 数组删除元素时候 删除不干净,解决思路有2个:1. 倒序删除 因为删除的时候最后一个元素总能保证删除2.就是在删除成功之后,再把索引向前移动一个元素即--原创 2021-08-16 15:53:40 · 416 阅读 · 0 评论 -
a 标签跨域 导致download 属性无法使用的解决办法
h5 中如果 a 标签url指向的 不是 同样域名 可能导致无法下载 或者 下载的 后缀不是自己想要的 怎么解决那直接上代码downFromOther(url, fileName){ var download = new XMLHttpRequest(); download.open("GET", url, true); download.responseType = 'blob'; download.onload=function(e) { var url = window.原创 2021-01-18 14:41:59 · 1213 阅读 · 2 评论 -
video 标签获取视频 第一帧 图像 和跨域问题 (Vue 的写法)
具体代码captureImage() { let video = this.$refs.dragvd_pre; //dragvd_pre指video 标签 也可以使用 document.getElementById('video') let canvas = document.getElementById('myCanvas') let ctx = canvas.getContext("2d"); ctx.drawImage(video, 0, 0, 343, 200);原创 2021-01-15 18:04:31 · 4571 阅读 · 0 评论 -
vetur 插件报错 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
记录一下 vetur 插件内存报错的教训具体讨论在这里https://github.com/vuejs/vetur/issues/2276由于本人的视频格式是m3u8格式 这样 工程中的 就出现了 .ts文件 然后 vetur可能会把 ts文件误以为 typescript 去检查它 ,因为视频文件很多 导致内存暴涨 最终导致 爆掉,现在解决办法是 我把ts重命名了 TS文件具体命令ffmpeg -i xxx.mp4 -c copy -map 0 -f segment -segment_list x原创 2020-09-15 10:09:40 · 269 阅读 · 0 评论 -
vue 中前端提示突然失效
Vue中 css 和 html 如果突然没了提示 可以在 setting.json 里面加上 这几句话 配合 htmlsnippets 插件{ "emmet.syntaxProfiles":{ "vue-html": "html", "vue": "html" }, "files.associations": { "*.vue": "html" },}...原创 2020-09-04 17:36:24 · 2663 阅读 · 0 评论 -
Nuxt 引入外部CDN插件配置
Nuxt配置CDN插件一般不太好配置,一般不能使用ssr渲染,这里用mavon-editor插件来说明下先在nuxt.config.js中配置插件的外部cdn链接head:{ link: [ { rel: 'stylesheet', href: 'https://unpkg.com/mavon-editor@2.9.0/dist/css/index.css' }, { rel: 'stylesheet', href: 'https://unpkg.com/mavon-edi原创 2020-08-04 14:52:28 · 4794 阅读 · 2 评论 -
android 和 Koa2 服务器 在 AES加密上的 通用算法
**首先是koa2上**使用的是crypto-jsconst CryptoJS = require("crypto-js");function AESEncrypt(value,key,slot) { if(isEmpty(key)){ key = AESKey } if(!isEmpty(slot)){ key = key + slot } key = CryptoJS.enc.Utf8.parse(key) let原创 2020-07-17 18:03:21 · 186 阅读 · 0 评论 -
记录Vue 或者 Nuxt 一个 相同路由跳转的 一个坑
在Vue或Nuxt中路由跳转时候如果this.$router.push('home/1') 和 this$router.push('home/2') 来回切换时候 只是变化的参数而不是 整个路由都进行变化就要注意了,页面的钩子函数可能不给执行哦如果又需要进行 页面的根据参数的变化就需要在 <router-view :key="$route.path"></router-view> 这要配下如果使用的是Nuxt.js 同理<nuxt :key="$route.path原创 2020-06-28 15:12:07 · 2034 阅读 · 0 评论 -
使用Vue的时候记录一个教训
如下:global是全局变量global.showdata是父列表的绑定数据分配给子组件如 在子组件中修改 global.showdata[index].likes = likes导致父组件重新渲染 又一次的分配数据给子组件 这要就形成了一个死循环 就会导致如下错误VM608:1 [Vue warn]: Property or method "toJSON" is no...原创 2020-03-14 22:21:53 · 944 阅读 · 0 评论