排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
vue3 视频默认显示第一帧，解决视频加载的时候是黑色的问题
[TOC]方法一：使用 JavaScript 的 Canvas API 来截取视频的第一帧<template>
<div class="video-container">
<video
ref="videoRef"
@loadeddata="captureFirstFrame"
controls
></video>
</div>
</templat...
vue 实现折叠展开效果，平滑隐藏显示效果。element ui 动画
如果直接使用v-show,隐藏和显示不够平滑，可以使用vue element ui 自带的动画组件 el-collapse-transition来实现折叠展开效果，使用非常简单。
代码如下：
<template>
<div>
<el-button @click="show3 = !show3">Click Me</el-button>
<div style="mar...
vue element ui table 隐藏显示的时候会跳一下，明显的抖动
表格数据由隐藏变为显示的瞬间，页面会有明显抖动的现象。经过一段时间的查找，发现elementui在重新渲染table时td内部的div高度被重新计算了（div高度=table容器高度/行数），进而导致整个table的高度变化，给人的感觉table在抖动。解决的版本就是给td内部的div固定一个高度。该div有自己的class属性.el-table .cel...
element plus与element ui 多选表格判断某行是否选中
element plus 多选表格判断每行是否选中@select="selectRow"
const selectRow = (selection: any, row: any) => {
console.log(selection)
console.log(row)
// true就是选中，0或者false是取消选中。当前选中的这行包含在选中里边就说明当前这行是选中嘛，否者就是没有选中的...
vue elementui table去掉滚动条
当table内容列过多时，可通过height属性设置table高度以固定table高度、固定表头，使table内容可以滚动。现在需求是右侧滚动条不好看，需要去除滚动条，并隐藏滚动条所占列的位置。让他可以滚动但是不出现滚动条,不然即时隐藏了滚动条也会有一个空白列影响占位的。
// ----------修改elementui表格的默认样式-----...
flex布局一行显示多个。flex布局固定显示n个，自适应布局
在前端开发的时候，对页面布局的时候，经常遇到固定的一行显示多个，这个经常遇到，所以我想做个记录，等到下次遇到的时候，可以直接拿来使用。本篇博客会持续更新
效果图:
（1）flex布局之一行显示4个，如果多于4个，自动换行，代码如下<div style="display: flex; justify-content: space-between; f...
给 EF Core 查询增加 With NoLock
介绍EF Core 在 3.x 版本中增加了 Interceptor，使得我们可以在发生低级别数据库操作时作为 EF Core 正常运行的一部分自动调用它们。 例如，打开连接、提交事务或执行命令时。
所以我们可以自定义一个 Interceptor 来记录执行的 sql 语句，也可以通过 Interceptor 来实现 sql 语句的执行前的修改或者更准确的记录 ...
js 对象集合排序
使用sort方法即可。
升序this.classCourseList.sort((a, b) => a.all_Score - b.all_Score)
降序this.classCourseList.sort((a, b) => b.all_Score - a.all_Score)
原理比较函数比较函数的目的是定义另一种排序顺序。比较函数应该返回一个负，零或正值，这取决于参数：
function(a, b) {return a-b}
当s...
给 EF Core 查询增加 With NoLock 。查看EF生成的SQL语句
EF Core 在 3.x 版本中增加了 Interceptor，使得我们可以在发生低级别数据库操作时作为 EF Core 正常运行的一部分自动调用它们。 例如，打开连接、提交事务或执行命令时。
所以我们可以自定义一个 Interceptor 来记录执行的 sql 语句，也可以通过 Interceptor 来实现 sql 语句的执行前的修改或者更准确的记录 DbCo...
js 获取当天的年月日 包含0的格式,自动补0。js获取今日，昨日，前日
代码如下:var date = new Date() // 获取时间
var year = date.getFullYear() // 获取年
var month = date.getMonth() + 1 // 获取月
var strDate = date.getDate() // 获取日
// 自动补0
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 &&...
docker关闭所有容器，删除所有容器，启动所有容器等
docker操作所有容器
1、启动所有容器
docker start $(docker ps -a | awk '{ print $1}' | tail -n +2)
2、关闭所有容器
docker stop $(docker ps -a | awk '{ print $1}' | tail -n +2)
3、删除所有容器
docker rm $(docker ps -a | awk '{ print $1}' | tail -n +2)
或者尝试：do...
uni-app生命周期函数onLoad、onShow、onReady介绍。请求需求放在哪里更好
onLoad:页面加载了，在onLoad中发送请求是比较科学的。onShow:会多次触发，会重复触发，页面隐藏显示也会触发，所以在这里发送请求不科学onReady:页面初次渲染完成了，但是渲染完成了，你才发送请求获取数据，就有点太慢了，在这里发送请求不也太科学。还有要注意，如果要数据加载完成后获取高度什么的可能你需要使...
consul中文文档
介绍：Consul是很棒的开源软件，具有注册中心、配置中心、健康检查等很好用的功能，也有很多人也在用。 但是，想查一些Consul基础知识和落地踩坑经验的时候，就很痛苦了， 因为主要的资料来源于官方文档，而且是英文的。 如果对Consul比较熟悉了那还好，但是仅仅想学习 Consul， 那读起来可能会感觉非常晦涩难懂。...
consul 架构分析
本篇文章翻译自：https://www.consul.io/docs/architectureConsul 架构Consul是一个复杂的系统，它有许多不同的活动部件。为了帮助Consul的用户和开发人员形成一个关于它如何工作的思维模型，本页介绍下Consul系统架构。在描述架构之前，我们建议阅读术语表，以帮助大家更好的了解讨论的内容。在生产中部署Consul时...
google浏览器鼠标滚动灵敏度问题
google浏览器在某些地方滚动突然出现了问题，使用其他浏览器又是好的。解决方法：1：输入chrome://flags 打开google浏览器设置2：把平滑滚动禁止掉
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2024TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：
50010702506256
50010702506256
欢迎加群交流技术