前端经验

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

很多时候在代码执行慢时便需要排查下慢的原因,在JS中console.time()与console.timeEnd()便可检测,下面看实例用法: !DOCTYPE html html head meta charset = utf-8 / meta name = viewport content = width=device-w...

前端经验

es6常用语法简记

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

前端经验

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

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

前端经验

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

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

前端经验

echarts柱状图的柱子使用图片替代

以下方案是echarts柱状图的柱子使用psd切图的方式去还原的案例,由于我们很多人对echarts并没有太过于深度研究,只停留在搬图的层面,即使可以修改,但大屏的echarts柱状图很多都是设...

前端经验

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

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

前端经验

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

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