Vue项目警告start value has mixed support, consider using flex-start instead

在vue项目中,发现报如下错误:startvaluehas mixed support,considerusingflex-startinstead 在网上搜索了下,发现是因为CSS写法不规范导致的。 之前的CSS弹性盒子模型写法是这样的:...

  • 0
  • 0
  • admin
  • 发布于 2021-12-26 20:21
  • 阅读 ( 1080 )

TypeScript语法中@emit的使用方法及注意事项

下面先说JS传统的this.$emit使用方法,然后对比TS的@emit方法便可一目了然,首先看this.$emit的使用方法。 this.$emit 算是父子通信的一种方法,作用为在子组件可以触发父级函数并且可以传参...

  • 0
  • 0
  • admin
  • 发布于 2021-12-06 11:52
  • 阅读 ( 1249 )

原生JS配置后台系统的导航路由

后台系统一般情况下不考虑SEO优化服务,仅作为数据填报及展示等,所以目前一般都使用前后端分离模式进行开发,像Vue、react等框架都可实现,但数据获取的过程不利于搜索引擎抓取数据,所以目前...

  • 0
  • 0
  • admin
  • 发布于 2021-10-13 17:23
  • 阅读 ( 517 )

引入element报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined at eval (dom.js?5924:19

引入element报错Uncaught TypeError: Cannot read property ‘prototype‘ of undefined at eval (dom.js?5924:19的解决方案,我们来分析报错原因及解决方案。 看下引入写的也没错 那...

  • 0
  • 0
  • admin
  • 发布于 2021-09-29 17:38
  • 阅读 ( 1316 )

前端如何优雅使用console

前端如何优雅使用console,在console下使用最多的便是console.log()用控制台打印,其实console下还有很多方法,当然大多也是无关大雅,也有非常实用的,就拿cosole.log()来说,如何让输出不想屎...

  • 0
  • 0
  • admin
  • 发布于 2021-09-08 16:08
  • 阅读 ( 651 )

js使用console.timeEnd查看代码执行时间

很多时候在代码执行慢时便需要排查下慢的原因,在JS中console.time()与console.timeEnd()便可检测,下面看实例用法: <!DOCTYPE html> <html> <head> <meta charset="...

  • 0
  • 0
  • admin
  • 发布于 2021-09-08 15:27
  • 阅读 ( 921 )

es6常用语法简记

声明方式 let声明: 声明一个变量,有暂时性死区、无变量提升有块级作用域   // 声明的是一个变量,变量在声明且赋值后,能更改其赋的值  let a = 1;  a = 2;  console.log(a); // 2  // 暂时...

  • 0
  • 0
  • admin
  • 发布于 2021-09-07 18:01
  • 阅读 ( 1016 )

巧用CSS filter,让你的网站更加酷炫!

我们在处理图片时,经常使用的一个功能就是滤镜,它能使一张图像呈现各种不同的视觉效果,以下为大家展示以下功能及效果。 在 CSS 中,也有一个filter属性,让我们能用 CSS 代码为元素...

  • 0
  • 0
  • admin
  • 发布于 2021-09-07 12:31
  • 阅读 ( 1421 )

使用VueX时unknown mutation type: XXX/XXX 报错解决方法

出现这个报错一般是在vueX的js或TS文件内引入了其它的JS文件使用,用以实现分割模块的效果,当我们调用Module内的内容时会出现unknown mutation type: XXX/XXX这种报错,下面看一下结构。 看...

  • 0
  • 0
  • admin
  • 发布于 2021-08-27 09:08
  • 阅读 ( 1517 )

表格中table-layout:fixed布局详解

应用场景一: 当表格中有很长的英文时,如果没有设置table-layout:fixed 或者 word-break:break-all,则单元格显示的宽度不是我们设置的宽度,如下: <!DOCTYPE html> <html> &l...

  • 0
  • 0
  • admin
  • 发布于 2021-08-23 21:49
  • 阅读 ( 1507 )

element表格设置margin间距不生效解决

不论element表格还是普通表格都是一样的,设置margin是不生效的,主要是因为表格的布局方式中设置的table-layout: fixed,当然这个是不建议去除的,在这种方法内也是可以设置margin边距的。...

  • 0
  • 0
  • admin
  • 发布于 2021-08-23 09:36
  • 阅读 ( 1503 )

element表格设置隔行变色

一般情况下,使用element默认的隔行变色即可,其实element上有明确案例,就是带斑马纹的表格: 重要代码: <el-table :stripe="true"> </el-table> //可以这样写 <el-tabl...

  • 0
  • 0
  • admin
  • 发布于 2021-08-22 19:03
  • 阅读 ( 1591 )

JS获取N年前/后,N月前/后,N日前/后并返回年月日时分秒日期格式

关于日期曾经闹过很多乌龙,刚入行时两个前端在那讨论什么什么时间不好实现,又是什么往前推N天,闰月怎么办等各种学术性问题,当然后来解决了,现在想想真的是脸红,JS里是有关于时间计算的原...

  • 0
  • 0
  • admin
  • 发布于 2021-08-20 09:50
  • 阅读 ( 1444 )

使用切图图片方式替换echarts柱状图柱子

  • 0
  • 0
  • admin
  • 发布于 2021-08-19 09:36
  • 阅读 ( 1391 )

css简单实现立体柱子案例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div style="height: 50px;"></d...

  • 0
  • 0
  • admin
  • 发布于 2021-08-15 22:38
  • 阅读 ( 1226 )

echarts去掉刻度盘更换指针

一般搜到这个问题我猜你应该是想只留仪表盘的指针和数字,然后放个切图的背景刻度,更换切图指针吧。下面上实例:需要注意的是icon处可更换指针,使用图片地址或base64时前面要加上image://哦。...

  • 0
  • 0
  • admin
  • 发布于 2021-08-15 22:28
  • 阅读 ( 537 )

echarts仪表盘设置起始与结束数值并设置显示数字个数

关于echarts仪表盘设置起始与结束数值并设置显示数字个数中有三个字段设置,min为最小值,max为最大值,splitNumber为显示几个数值,用法为下。 实例1 option = { series: [{ t...

  • 0
  • 0
  • admin
  • 发布于 2021-08-15 22:16
  • 阅读 ( 724 )

echarts仪表盘半圆与圆切换

echarts的半圆与圆切换只需要改变两个属性,其中startAngle为开始,endAngle为结束,取值范围为0到360,取值代表圆的度数,一个圆的起点到终点为0到360度。 实例:实现半圆 option = {...

  • 0
  • 0
  • admin
  • 发布于 2021-08-15 22:03
  • 阅读 ( 522 )

vue中this.$nextTick()的使用

this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。...

  • 0
  • 0
  • admin
  • 发布于 2021-08-04 16:42
  • 阅读 ( 506 )

JavaScript的原型与继承讲解

关于JS的原型与继承相关概念 在ES6后,JavaScript已经可以通过class、extends等语法糖实现面向对象的写法,但是以前的原型对象也是必须得了解的,看文章的话记不清楚,自己总结一下。 构造...

  • 0
  • 0
  • admin
  • 发布于 2021-07-23 12:13
  • 阅读 ( 543 )