- 博客(9)
- 资源 (4)
- 收藏
- 关注
原创 css列表序号前三个数字符号背景色不同
<style> body { counter-reset: section; } li { list-style: none; margin: 10px; } li::before { counter-increment: section; content: counter(section);.
2021-01-25 15:40:05 1084
原创 layer的iframe用法整理
父页面:<link rel="stylesheet" href="node_modules/layui-src/dist/css/layui.css"><script src='node_modules/layui-src/dist/layui.js'></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>&l
2021-01-22 14:21:10 1530 1
原创 layui进度条文字不变
<div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="demo"> <div class="layui-progress-bar" id='demo2' lay-percent="0%"></div></div>layui.use(['element', 'jquery'], function () { var
2021-01-21 09:51:20 846
原创 谷歌浏览器font-size:12px
css3字体缩放样式-webkit-text-size-adjust的用法详解写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px,如果你要设置某字体大小为10px的话,你会在Chrome发现还是12px。如果要使此生效的话,就得修改Chrome的默认配置了,一般应用下面的代码就能在全局生效了:html { -webkit-text-size-adjust: none; }写页面的应该都知道Chrome浏览器默认情况下的字体最小为12px,如果你要设置某字体大小为10px的话,你会在Ch
2021-01-20 15:40:23 397
原创 解读前端历届主流框架
1、DOM操作框架,代表框架:jQuery2、响应式框架,代表框架:Bootstrap3、前端MVC框架,代表框架:React、Angular、Vue一、JQuery2006年1月John Resig等人创建了jQuery;8月,jQuery的第一个稳定版本。jQuery是DOM操作时代前端框架最优秀,也几乎是唯一代表;但是在以React为代表的新式前端框架崛起之后,迅速没落。JQuery1.x:兼容ie6+浏览器JQuery2.x:兼容ie9+浏览器JQuery3.x:兼容ie9+浏览器
2021-01-20 15:36:47 689
原创 ApexCharts折线粗细
var options = { stroke: { width: [5, 3, 3], curve: 'straight', dashArray: [0, 5, 5] }, }
2021-01-14 17:27:28 382
原创 layui导出表格
方法一:其实layui表格自带的工具就可以导出表格但是如果我们要自己自定义按钮导出数据方法二:下载excel.js文件 https://fly.layui.com/extend/excel/下载后引入文件,<button type="button" lay-submit="" class="layui-btn layui-btn-warm" id="exportExcel" name="exportExcel"> <i class="layui-icon">
2021-01-07 15:20:52 1101
原创 echarts x轴 type=‘time‘
关于x轴的设置在开发中是很常见的操作,如果只是设置一些定死的数据,那么就很简单,但是如果要设置某个可变的,且数量很多的x轴的话,不是一件很简单的事情了,比如我最近在工作中就遇到了,下面来和大家一起分享一下:开发需求如下:一个折线图表,默认显示前一个月的数据。思路:x轴是时间轴,所以xAxis.type = ‘time’,那么,显示的时间数据是怎么来的呢?1、一开始我使用的是xAxis.min:new Date(开始时间) xAxis.max:new Date(结束时间) ,这样确实是可以的,但是
2021-01-07 14:35:03 7016
原创 Apexcharts数据标签dataLabels显示
这是最基础的柱状图添加了数据标签的柱状图,柱状图数据标签默认居中显示,但是遇到以下的情况,如果显示的数据很小那么就意味着柱状图元素的高度很矮,那么中间的数据就不完全显示了。遇到这样的问题,该如何解决呢,继续让数据居中显示肯定是不行的了,于是我们想到可以让数据显示在上面,如下图所示那么代码怎么实现呢? plotOptions: { bar: { dataLabels: {
2021-01-05 11:07:59 1321
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人