排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
uni-app 微信小程序 修改页面的颜色

修改单个页面背景颜色方法一:在页面里边直接给page设置样式<style lang="scss">
/* 为页面根元素设置背景颜色 */
page {
background-color: #ff7856;
}
</style>
在原生小程序有时候设置page背景色不起作用,是因为page{background:XXX}属性值放在scope里面了,不加上scope就行。...
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-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术