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

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

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

引入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
  • 阅读 ( 73 )

前端如何优雅使用console

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

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

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

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

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

es6常用语法简记

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

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

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

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

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

echartsY轴刻度不能显示小数的方法

当echarts的y轴单位遇到为人等不可分割单位时,是不允许出现小数的,一般情况下后台也不会给出小数,所以通常也看不出问题,但总会存在没有数据接入或接口不通等,比如以下例子,哪怕数据都是0...

  • 0
  • 1
  • admin
  • 发布于 2021-09-03 09:35
  • 阅读 ( 297 )

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

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

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

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

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

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

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

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

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

element表格设置隔行变色

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

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

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

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

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

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

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

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
  • 阅读 ( 203 )

echarts去掉刻度盘更换指针

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

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

echarts仪表盘半圆与圆切换

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

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

vue中this.$nextTick()的使用

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

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

JavaScript的原型与继承讲解

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

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

ts报错Declaration of public instance field not allowed after declaration of public

ts出现报错Declaration of public instance field not allowed after declaration of public instance method. Instead, this should come at the beginning of the class/interface.的解决办法...

  • 0
  • 0
  • admin
  • 发布于 2021-07-22 22:53
  • 阅读 ( 163 )

vue路由登陆权限

实现思路: 路由导航守卫router.beforeEach配合登陆凭证token ,其中router.beforeEach判断页面是否被展示,token判断是否登录。 实现方法: 在配置路由规则时,为需要登录才能显示页面的...

  • 1
  • 0
  • admin
  • 发布于 2021-07-22 22:26
  • 阅读 ( 166 )