前端
table tr 设置行间距
border-collapse属性加上border-spacing属性就可以设置tr行间距
<table style="border-collapse:separa...
修改element UI中Table的背景（大屏项目）。背景透明
最近在做大屏项目，需要修改Table背景为透明色，查阅了一些，最终成功，故记录一下，希望大家可以用到
代码：/*...
vue自定义table表实现内容上下循环滚动
原文：https://blog.csdn.net/weixin_43123984/article/details/125003600
处理了一下只显示正确的数据<temp...
echarts提示框tooltip属性
tooltip: {
show: true, // 是否显示提示框组件
trigger: 'axis', // 触发类型（'i...
echarts图例legend颜色各不相同，图例legend空心圆
代码如下：legend: {
// x:'right', //可设定图例在左、右、居中
// padding:[0,50,0,0]...
vue 大屏datav数字翻牌器
官方网站：http://datav.jiaminghi.com/guide/digitalFlop.html#%E5%9F%BA%E6%9C%AC%E7%A4%BA%E4%BE%8B
源码：h...
vue 实现数字滚动增加效果的实例代码
代码如下，可以直接运行<template>
<div class="number-grow-warp">
<span ref=&qu...
vue实现数字动态翻牌的效果(开箱即用)。vue实现数据滚动
代码如下直接复制进去就可以用了
<!--
* @Author: mat
* @Date: 2019-12-04 14:56:07
* @LastEditTim...
vue实现数据滚动。vue实现列表自动滚动的方式
代码如下代码是在原有基础上增加了一点测试数据就可以运行的
<template>
<div class="order...
使用css3实现一个不规则div的布局
要实现不规则的div布局，可以使用CSS3的clip-path属性。该属性可以剪切元素的形状，从而实现不规则的布局。以下...
Vue 大屏数据展示组件库dataV
基于 Vue、Datav、Echart 框架的 “ 数据大屏项目 “ vue-big-screen官方网址：https://gitee.com/MTrun/big-scr...
js 实现加到一个数，然后在减到0。js如何循环自增到某一个特定值，然后再自减到0，然后再自增
代码如下：
var flag = true; // 切换条件
var num = 50; // 加到最大值
var start = 0; // 起始值
function...
css 图片的高度如何随着宽度的调整。图片自适应宽高。宽度固定而高度自动按比例缩放
非常简单
宽度拉伸高度自适应：把width设置成100%让宽度随时屏幕变化而变化，height设置auto高度拉伸宽度自适应...
js判断全是空格或者回车
判断是否为空格或者回车
if(test.match(/^\s*$/)){ // 判断是否为空格或者回车
console.log(“all space or \n...
vue element ui 日期，时间选择器的值传回到后台
直接把时间传回后台去是不行的，element ui 里边的日期组件获取的值默认是返回Date对象的，所以需要格式化一下。...
vue element ui Collapse 折叠面板默认展开全部
首先去掉accordion属性，不然一次只能选择一个
value绑定一个，然后在使用name指定一个值
这里和上面name指定...
css背景图片占满容器
直接使用background-size: cover如果图片比例和容器比例不一样，图片会显示不完。如果图片比例和容器比例不一样...
flex平分宽度。flex宽度自适应，均分宽度
html:
<div class="parent">
<div class="item">
测试1
...
flex实现等宽布局且间隔相等的小技巧。使用flex 布局让子元素宽度均分且左右间距相等。flex宽度自适应，均分宽度，而且有一样的间距
html:
<section class="father">
<div class="item item-1"></div&...
vue v-bind 属性拼接。Vue之使用v-bind实现标签属性的拼接
参考：https://blog.csdn.net/cnds123321/article/details/104109986
也可以这样直接拼接：直接写出来加就行了
...
vue 引入api重命名。import from引入重命名
一般的引入
import { useUserStore } from '@/store/modules/user'
可以使用as重命名
import { getLi...
echarts自定义图表提示框。echarts tooltip的使用
官方文档：https://echarts.apache.org/zh/option.html#tooltip
使用的是tooltip，如果只是要显示出来，直接设...
vue tag菜单样式选中。vue tag菜单只有一种选中样式的样式选中。vue tag 类型选择，分类选择
html
<div v-for="(item,index) in data">
<span :class="active==item.type?...
element ui icon颜色。图标换颜色。图标使用，按钮图标使用。图标加载不出来的情况
element ui icon颜色。图标换颜色直接写style样式就可以了
<i class="el-icon-star-on" style=&qu...
js，es6在集合中排除某些数据。js判断集合中是否存在某个值
js判断集合中是否存在某个值利用indexOf就可以了，在集合中可以使用indexOf找某个值，如果找不到就返回-1
const...
vue 获取当前页面的路由
完整的url可以用：window.location.href路由路径可以用：this.$route.path路由路径参数：this.$route.params
js获取子元素。js获取元素的指定子元素对象。js获取子节点的方法。js获取第一个子节点,js获取最后一个子节点
1、通过获取DOM方式直接获取子节点其中price为父标签id的值，div为标签的名字。getElementsByTagName是一个方法...
echats设置x坐标从0开始，设置x坐标从原点开始。echart文档中的搜索
在x坐标设置boundaryGap: false即可.
官方文档：https://echarts.apache.org/zh/option.html#xAxis.boundaryGap...
echats 边距。echart设置图表边距
echart设置边距是使用grid
//设置图标边距
grid: {
top: '10%',
left: '3%',
...
flex子元素靠右。flex让某个子元素靠右或靠左显示
以下以块元素的Flex布局为示例：只需要两句代码，轻松搞定！
代码1：在父元素里面加入以下代码：（父盒子加了di...
npm安装依赖，加速，配置淘宝镜像
npm配置淘宝镜像这样执行就行
npm install --force --registry=https://registry.npm.taobao.org
npm加速可以...
vue组件间传参。vue组件间传递参数。vue组件参数类型
一、父组件向子组件传值即父组件通过属性的方式向子组件传值，子组件通过 props 来接收。在父组件的子组件标签中...
js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口。js获取地址栏参数
js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口
let API_HOST = window.location.protocol+"//&...
vue报错Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'appendChild')"
这种问题通常是因为dom还没有生成就去操作节点了。比如我们使用vue生成二维码，需要放到要给动态生成dom后的节点...
jquery easy ui mobile
参考http://www.jeasyui.com/demo-mobile/main/index.php
在下载的里边也有demo:jquery-easyui-1.10.6\demo-m...
jquery ajax设置authorization: Bearer。ajax设置Content-Type，设置token。AJAX提交表单上传文件
jquery ajax设置authorization: Bearer 这样就行了
headers: {
"Authorization":"Beare...
css实现左边div固定宽度，右边div自适应撑满剩下的宽度。左边定宽，左边固定，右边自适应
这是一道面试题，你有多少种办法呢？这里我们假设左边名为 left，宽度为 200 px，右边名为 right。即默认
.left...
flex布局多行自适应间隔
//父盒子，设置为：
.templateItem {
width: 100%;
text-align: center;
display: flex;
align-c...
jQuery实现图片预览功能
/**
* 图片预览
*/
function priview(imgShow) {
/*
jquery中的live()方法在jquery1.9及以上...
vue element 三种信息提示框。错误提示，警告提示，消息提示
代码如下：
ElMessage({
type: 'warning',
message: '暂不支持该类...
elementui 页面跳转
很多情况下，我们在执行点击按钮跳转页面之前还会执行一系列方法，这时可以使用 this.$router.push(location) 来...
npm run build:prod 文件名、目录名或卷标语法不正确。vscode 开发的vue项目打包出错
基本环境：
node.js版本：v16.15.1npm版本：8.11.0问题描述：
出现文件名、目录名或卷标语法不正确这个报错是...
vue elementui隐藏表格列。vue element-ui表格添加自增序号列
vue elementui隐藏表格列v-if就搞定了，如果不是动态的显示与隐藏直接设置成false就行
<el-table-column la...
技术分类
最近天气
好句分享
在情感关系里沟通是最重要的，喜欢开心要告诉对方，讨厌生气也要让对方明白，这样双方才能把握好分寸让彼此都能轻松自在，所以爱绝不是只为满足自己的需求任性妄为，爱的基础是尊重，没有这个就只是打着爱的幌子相互伤害。
人气博主
-
剑轩
平时爱打羽毛球~2018-10-01
-
雨雨雨雨辰
超超帅的博主2018-11-16
-
尘叶心繁
O(*￣︶￣*)O2018-10-09
-
小可爱
愿你善其身，愿你遇良人2018-12
-
瑾语
努力、勇敢、充满希望2019-12
-
是伍尚金哇_v
(｡･ω･｡)2018-11-23
-
风清月
Amazing everday2015-10-23
热门博主
-
无情老表
脚踏实地，一步一个脚印2020-12
-
忘掉过去式
忘掉过去式2019-11-26
-
叼着奶瓶逛酒吧
大概你身上总有我喜..2019-03-09
-
陪你听风
O(∩_∩)O2018-11-26
-
除暖
没有个性，不需要签名2020-09
-
清欢渡
(๑• . •๑)(｡･ω･｡)2018-12-08
-
饰心
Decorating heart2019-2-07
-
YOU
幼儿园抢饭第一名2019-05-20
精品推荐
技术分类
备案信息
- ICP备案：渝ICP备18016597号-1
- 技术交流：群号677373950
- 联系我们：contact@tnblog.net
- 2018-2023TNBLOG.NET版权所有
技术交流
