前端

table tr 设置行间距

border-collapse属性加上border-spacing属性就可以设置tr行间距 <table style="border-collapse:separa...

前端 2023-03-21 浏览(11 作者( 忆点点 )

修改element UI中Table的背景(大屏项目)。背景透明

最近在做大屏项目,需要修改Table背景为透明色,查阅了一些,最终成功,故记录一下,希望大家可以用到 代码:/*...

前端 2023-03-20 浏览(32 作者( 忆点点 )

vue自定义table表实现内容上下循环滚动

原文:https://blog.csdn.net/weixin_43123984/article/details/125003600 处理了一下只显示正确的数据<temp...

前端 2023-03-15 浏览(56 作者( 忆点点 )

echarts提示框tooltip属性

tooltip: { show: true, // 是否显示提示框组件 trigger: 'axis', // 触发类型('i...

前端 2023-03-14 浏览(37 作者( 忆点点 )

echarts图例legend颜色各不相同,图例legend空心圆

代码如下:legend: { // x:'right', //可设定图例在左、右、居中 // padding:[0,50,0,0]...

前端 2023-03-14 浏览(117 作者( 忆点点 )

echarts修改横纵坐标颜色。修改折线图线的宽度

echarts修改横坐标颜色代码主要是这样的 axisLine:{ lineStyle:{ ...

前端 2023-03-13 浏览(68 作者( 忆点点 )

vue 大屏datav数字翻牌器

官方网站:http://datav.jiaminghi.com/guide/digitalFlop.html#%E5%9F%BA%E6%9C%AC%E7%A4%BA%E4%BE%8B 源码:h...

前端 2023-03-11 浏览(87 作者( 小可爱 )

vue 实现数字滚动增加效果的实例代码

代码如下,可以直接运行<template> <div class="number-grow-warp"> <span ref=&qu...

前端 2023-03-11 浏览(80 作者( 小可爱 )

vue实现数字动态翻牌的效果(开箱即用)。vue实现数据滚动

代码如下直接复制进去就可以用了 <!-- * @Author: mat * @Date: 2019-12-04 14:56:07 * @LastEditTim...

前端 2023-03-11 浏览(68 作者( 小可爱 )

vue实现数据滚动。vue实现列表自动滚动的方式

代码如下代码是在原有基础上增加了一点测试数据就可以运行的 <template> <div class="order...

前端 2023-03-09 浏览(168 作者( 小可爱 )

使用css3实现一个不规则div的布局

要实现不规则的div布局,可以使用CSS3的clip-path属性。该属性可以剪切元素的形状,从而实现不规则的布局。以下...

前端 2023-03-07 浏览(118 作者( 小可爱 )

Vuex简单介绍

Vuex 是 Vue.js 应用程序开发的状态管理模式。它集中式地存储了应用的所有组件的状态,并以相应的规则保证状态以...

前端 2023-03-07 浏览(79 作者( 小可爱 )

vuex的用法介绍

Vuex是一个专门为Vue.js设计的状态管理库,它可以帮助我们更好地管理Vue.js应用程序中的状态。Vuex的主要概念包...

前端 2023-03-07 浏览(87 作者( 小可爱 )

vuex介绍

Vuex是一个专门为Vue.js应用程序开发的状态管理模式。它可以帮助我们在应用程序中管理和共享状态。Vuex的核心概...

前端 2023-03-07 浏览(100 作者( 小可爱 )

Vue 大屏数据展示组件库dataV

基于 Vue、Datav、Echart 框架的 “ 数据大屏项目 “ vue-big-screen官方网址:https://gitee.com/MTrun/big-scr...

前端 2023-03-03 浏览(109 作者( 小可爱 )

js 实现加到一个数,然后在减到0。js如何循环自增到某一个特定值,然后再自减到0,然后再自增

代码如下: var flag = true; // 切换条件 var num = 50; // 加到最大值 var start = 0; // 起始值 function...

前端 2023-03-02 浏览(117 作者( 小可爱 )

css 图片的高度如何随着宽度的调整。图片自适应宽高。宽度固定而高度自动按比例缩放

非常简单 宽度拉伸高度自适应:把width设置成100%让宽度随时屏幕变化而变化,height设置auto高度拉伸宽度自适应...

前端 2023-03-02 浏览(168 作者( 小可爱 )

js判断全是空格或者回车

判断是否为空格或者回车 if(test.match(/^\s*$/)){ // 判断是否为空格或者回车 console.log(“all space or \n...

前端 2023-02-15 浏览(170 作者( 忆点点 )

vue element ui 日期,时间选择器的值传回到后台

直接把时间传回后台去是不行的,element ui 里边的日期组件获取的值默认是返回Date对象的,所以需要格式化一下。...

前端 2023-02-12 浏览(486 作者( 忆点点 )

vue element ui Collapse 折叠面板默认展开全部

首先去掉accordion属性,不然一次只能选择一个 value绑定一个,然后在使用name指定一个值 这里和上面name指定...

前端 2023-02-09 浏览(395 作者( 风清月 )

css背景图片占满容器

直接使用background-size: cover如果图片比例和容器比例不一样,图片会显示不完。如果图片比例和容器比例不一样...

前端 2023-02-08 浏览(239 作者( 风清月 )

flex平分宽度。flex宽度自适应,均分宽度

html: <div class="parent"> <div class="item"> 测试1 ...

前端 2023-02-07 浏览(254 作者( 风清月 )

flex实现等宽布局且间隔相等的小技巧。使用flex 布局让子元素宽度均分且左右间距相等。flex宽度自适应,均分宽度,而且有一样的间距

html: <section class="father"> <div class="item item-1"></div&...

前端 2023-02-07 浏览(967 作者( 风清月 )

vue v-bind 属性拼接。Vue之使用v-bind实现标签属性的拼接

参考:https://blog.csdn.net/cnds123321/article/details/104109986 也可以这样直接拼接:直接写出来加就行了 ...

前端 2023-02-06 浏览(249 作者( 青草幽幽 )

vue 引入api重命名。import from引入重命名

一般的引入 import { useUserStore } from '@/store/modules/user' 可以使用as重命名 import { getLi...

前端 2023-02-06 浏览(340 作者( 青草幽幽 )

echarts自定义图表提示框。echarts tooltip的使用

官方文档:https://echarts.apache.org/zh/option.html#tooltip 使用的是tooltip,如果只是要显示出来,直接设...

前端 2023-01-31 浏览(842 作者( 剑轩 )

vue tag菜单样式选中。vue tag菜单只有一种选中样式的样式选中。vue tag 类型选择,分类选择

html <div v-for="(item,index) in data"> <span :class="active==item.type?...

前端 2023-01-31 浏览(253 作者( 小可爱 )

element ui icon颜色。图标换颜色。图标使用,按钮图标使用。图标加载不出来的情况

element ui icon颜色。图标换颜色直接写style样式就可以了 <i class="el-icon-star-on" style=&qu...

前端 2023-01-30 浏览(576 作者( 小可爱 )

js,es6在集合中排除某些数据。js判断集合中是否存在某个值

js判断集合中是否存在某个值利用indexOf就可以了,在集合中可以使用indexOf找某个值,如果找不到就返回-1 const...

前端 2022-12-29 浏览(356 作者( TeachingNote )

vue 获取当前页面的路由

完整的url可以用:window.location.href路由路径可以用:this.$route.path路由路径参数:this.$route.params

前端 2022-12-16 浏览(786 作者( TeachingNote )

js获取子元素。js获取元素的指定子元素对象。js获取子节点的方法。js获取第一个子节点,js获取最后一个子节点

1、通过获取DOM方式直接获取子节点其中price为父标签id的值,div为标签的名字。getElementsByTagName是一个方法...

前端 2022-12-14 浏览(828 作者( TeachingNote )

echats设置x坐标从0开始,设置x坐标从原点开始。echart文档中的搜索

在x坐标设置boundaryGap: false即可. 官方文档:https://echarts.apache.org/zh/option.html#xAxis.boundaryGap...

前端 2022-12-09 浏览(1329 作者( TeachingNote )

echats 边距。echart设置图表边距

echart设置边距是使用grid //设置图标边距 grid: { top: '10%', left: '3%', ...

前端 2022-12-09 浏览(973 作者( TeachingNote )

flex子元素靠右。flex让某个子元素靠右或靠左显示

以下以块元素的Flex布局为示例:只需要两句代码,轻松搞定! 代码1:在父元素里面加入以下代码:(父盒子加了di...

前端 2022-12-08 浏览(1421 作者( TeachingNote )

npm安装依赖,加速,配置淘宝镜像

npm配置淘宝镜像这样执行就行 npm install --force --registry=https://registry.npm.taobao.org npm加速可以...

前端 2022-10-20 浏览(1121 作者( 忆点点 )

vue组件间传参。vue组件间传递参数。vue组件参数类型

一、父组件向子组件传值即父组件通过属性的方式向子组件传值,子组件通过 props 来接收。在父组件的子组件标签中...

前端 2022-10-13 浏览(3327 作者( 风清月 )

js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口。js获取地址栏参数

js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口 let API_HOST = window.location.protocol+"//&...

前端 2022-10-13 浏览(2208 作者( 风清月 )

vue报错Error in nextTick: "TypeError: Cannot read properties of undefined (reading 'appendChild')"

这种问题通常是因为dom还没有生成就去操作节点了。比如我们使用vue生成二维码,需要放到要给动态生成dom后的节点...

前端 2022-10-12 浏览(9268 作者( 风清月 )

jquery easy ui mobile

参考http://www.jeasyui.com/demo-mobile/main/index.php 在下载的里边也有demo:jquery-easyui-1.10.6\demo-m...

前端 2022-10-09 浏览(1093 作者( 小可爱 )

jquery ajax设置authorization: Bearer。ajax设置Content-Type,设置token。AJAX提交表单上传文件

jquery ajax设置authorization: Bearer 这样就行了 headers: { "Authorization":"Beare...

前端 2022-10-09 浏览(5519 作者( TeachingNote )

css实现左边div固定宽度,右边div自适应撑满剩下的宽度。左边定宽,左边固定,右边自适应

这是一道面试题,你有多少种办法呢?这里我们假设左边名为 left,宽度为 200 px,右边名为 right。即默认 .left...

前端 2022-10-08 浏览(1267 作者( TeachingNote )

layer弹窗 常用方法

代码如下: layer.open({ //属性 type: 1, /...

前端 2022-10-03 浏览(1300 作者( 风清月 )

layui提示框,信息框,layer提示框,信息框

layer.msg("请输入用户名", { time: 1000 });

前端 2022-10-01 浏览(969 作者( 素衣清颜淡若尘 )

flex布局多行自适应间隔

//父盒子,设置为: .templateItem { width: 100%; text-align: center; display: flex; align-c...

前端 2022-09-30 浏览(2944 作者( 素衣清颜淡若尘 )

jQuery实现图片预览功能

/** * 图片预览 */ function priview(imgShow) { /* jquery中的live()方法在jquery1.9及以上...

前端 2022-09-30 浏览(1471 作者( 素衣清颜淡若尘 )

vue element 三种信息提示框。错误提示,警告提示,消息提示

代码如下: ElMessage({ type: 'warning', message: '暂不支持该类...

前端 2022-09-29 浏览(3626 作者( 风清月 )

elementui 页面跳转

很多情况下,我们在执行点击按钮跳转页面之前还会执行一系列方法,这时可以使用 this.$router.push(location) 来...

前端 2022-09-27 浏览(6869 作者( 小可爱 )

JS 金额转大写

前言直接上代码JSfunctionconvertCurrency(money){ //处理负数 money=money.toString(); varpreStr="&qu...

前端 2022-09-20 浏览(1067 作者( Session )

npm run build:prod 文件名、目录名或卷标语法不正确。vscode 开发的vue项目打包出错

基本环境: node.js版本:v16.15.1npm版本:8.11.0问题描述: 出现文件名、目录名或卷标语法不正确这个报错是...

前端 2022-09-07 浏览(1695 作者( 剑轩 )

vue elementui隐藏表格列。vue element-ui表格添加自增序号列

vue elementui隐藏表格列v-if就搞定了,如果不是动态的显示与隐藏直接设置成false就行 <el-table-column la...

前端 2022-09-05 浏览(2455 作者( 只若初见 )

最近天气

好句分享

在情感关系里沟通是最重要的,喜欢开心要告诉对方,讨厌生气也要让对方明白,这样双方才能把握好分寸让彼此都能轻松自在,所以爱绝不是只为满足自己的需求任性妄为,爱的基础是尊重,没有这个就只是打着爱的幌子相互伤害。

技术交流