![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
sujiao666
努力与运气并存,做最好的自己!
展开
-
react setState
https://blog.csdn.net/WU5229485/article/details/104040942转载 2021-08-06 11:04:03 · 86 阅读 · 0 评论 -
vue 路由跳转清除定时器不起作用
在一个页面中定时器调用一个接口,切换别的路由时候定时器需要清空。是在mounted 和beforeDestroy做的不起用1.data中定义timers:null2.使用定时器调接口,摧毁时候清空定时器不起作用mounted () { this.timers = setInterval(() => { this.loadData() }, 30000) }, beforeDestroy () { clearInterval(this.timers).原创 2021-01-27 17:12:33 · 1502 阅读 · 0 评论 -
vue computed计算页面中传入的值
页面中: <span class="type">[{{ knowTypes(type.type) }}]</span>computed: { knowTypes () { return function (type) { let name switch (type) { case 'ZS': name = '知识' break .原创 2020-12-28 14:39:22 · 258 阅读 · 0 评论 -
pc端触底滑动-ScrollPageLoading
1.封装组件ScrollPageLoading.vue<template> <div> <div style="text-align: center;margin-bottom: 10px"> <a-spin v-if="loading" :spinning="loading" tip="正在加载,请稍后..."></a-spin> <span class="noData" v-else-if="cu原创 2020-12-28 14:38:10 · 397 阅读 · 0 评论 -
vue中使用video.js
标题1.首先下载Video。js2.引入:importVideofrom'video.js'3.页面中使用:<videostyle="display:none":id="'myVideo'+index"class="video-js":src="item.sourceUrl"controls...原创 2020-12-28 14:21:11 · 493 阅读 · 0 评论 -
图片为空时设置默认图片
vue data里面图片要是用require 引入,参数是errorimg errorimg:'this.src="'+require('@assets/plat/bk3.png')+'";this.onerror=null',页面中使用,判断是否为空,空的话给一个随便的值代表错误就会使用onerror <img:src="!item.image?'cdcd':item.image":onerror="errorimg"/>...原创 2020-12-28 14:12:28 · 835 阅读 · 0 评论 -
(vue - node - mongodb)比较好用的插件
1.vue-devtools 插件:平常的话检查代码使用的检查,这里可以使用查看路径组件等2.Json Formatter 格式化json代码3.vue-infinite-scroll :随着滚动条滚动 自动加载数据4.有时候再做node的时候每次写完代码都是node server/bin/www重新启动链接,只要有一次忘记重启代码就会报错不停的去找bug结果发现没错啊代码...原创 2019-06-19 11:09:03 · 233 阅读 · 0 评论 -
html2canvas转图片问题
在同一页面生成的时候,首先js执行的数据到DOM后生成页面,然后canvas才能生成,如果是纯前端,就要知道图片什么时候才能完全加载出来,否则执行canvas生成的时候是少图片的。canvas用的html2Canvas生成,用到img.onload判断。还有canvas生成的时候会有一条线,可能是背景图的原因,把背景图片换成img标签就OK了。深入的清晰度转化还有待研究,这里只是做了一个简单的生成...原创 2018-08-17 11:51:09 · 2183 阅读 · 1 评论 -
前端文字超出部分省略号代替
设置最大宽度时,超出隐藏,隐藏部分用﹉代替代码: text-overflow: ellipsis; white-space: nowrap; overflow: hidden;原创 2017-03-02 15:14:00 · 4195 阅读 · 0 评论