会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
米雪也是雪❤
坚持。
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
4
5
6
7
8
9
下一页
2018年8月13日
element ui表格相同内容自动合并
摘要: 一开始觉得合并单元格很困难,什么鬼,后来仔细查看api,发现是可以实现的,特此记录下,直接看代码, 项目需求是第一列和第二列还有第16列需要相同内容进行合并,所以判断条件是不同的; 实现后效果如下:
阅读全文
posted @ 2018-08-13 16:52 饭米雪
阅读(12391)
评论(4)
推荐(2)
编辑
2018年6月1日
echarts双y轴折线图柱状图混合实时更新图
摘要: 先看下效果,自己用ps做了张gif图,发现很好玩啊。。不喜勿喷 自己下载个echarts.min.js 直接上代码: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <script src="http
阅读全文
posted @ 2018-06-01 19:07 饭米雪
阅读(5599)
评论(0)
推荐(0)
编辑
2018年5月30日
Vue+WebSocket 实现页面实时刷新长连接
摘要: 最近vue项目要做数据实时刷新,折线图每秒重画一次,数据每0.5秒刷新一次,说白了就是实时刷新,因为数据量较大,用定时器估计页面停留一会就会卡死。。。 与后台人员讨论过后决定使用h5新增的WebSocket来实现数据实时展示,记录一下过程以及碰到的问题; 注意:页面刷新长连接会被关闭,其实进入当前页
阅读全文
posted @ 2018-05-30 11:44 饭米雪
阅读(79560)
评论(11)
推荐(3)
编辑
2018年5月29日
echarts背景分割区域填充不同颜色(x轴为time),实时刷新
摘要: 先来看下图片吧,这是实现效果; 思路: 因为要实时刷新,可以使用setInterval(),但是要控制好定时器的起与停,否则容易错乱以及页面卡死; 主要就是利用定时器五秒刷新,重绘echarts图;=》setOption 这是代码: 代码我已经放到echarts社区,在社区可以看到效果,或者粘贴到你
阅读全文
posted @ 2018-05-29 14:14 饭米雪
阅读(2415)
评论(1)
推荐(0)
编辑
2018年3月5日
angular5理解生命周期
摘要: 先来看下文档: 按照顺序有八个: 1、ngOnChanges()=》简单理解为当数据绑定输入属性的值发生变化时调用; 2、ngOnInit() =》 在调用完构造函数、初始化完所有输入属性并首次调用过ngOnChanges之后调用; 3、ngDoCheck()=》 每当对组件或指令的输入属性进行变更
阅读全文
posted @ 2018-03-05 19:49 饭米雪
阅读(218)
评论(0)
推荐(0)
编辑
canvas 绘画随机点
摘要: 直接看图吧; 这样的随机点,是小圆点组成的,然后一直在动,记录一下,万一以后要用到呢; canvas的具体设置我就不写了,另一篇文档里有;
阅读全文
posted @ 2018-03-05 19:40 饭米雪
阅读(1473)
评论(0)
推荐(0)
编辑
canvas画圆类似于锯齿指针 angular5
摘要: 拿到图的时候大致是这样的,里面的圆是有动态效果的,考虑到gif图耗资源,于是想要用canvas画出来; 仔细看图不难发现,这个锯齿圆类似于表盘,计算好弧度,不难实现; 因为项目现在用的框架是angular5,所以获取元素时,要用到ElementRef;直接引用就好; 先来看下页面:
阅读全文
posted @ 2018-03-05 19:36 饭米雪
阅读(1075)
评论(1)
推荐(0)
编辑
2018年2月1日
angular5 自定义指令 输入输出 @Input @Output(右键点击事件传递)
摘要: 指令写法,angular5官网文档给的很详细。 首先要创建一个文件,需注意命名规范(后缀名为xxx.directive.ts); 今天要记录的是在多个li中,右键点击之后显示出对应的菜单,直接上图吧! 右键点击在js中只需要这样写就行: document.oncontextmenu = functi
阅读全文
posted @ 2018-02-01 13:28 饭米雪
阅读(3605)
评论(1)
推荐(0)
编辑
2018年1月18日
css3渐变 两边透明中间高亮
摘要: 颜色自己可以调节 如图: 采集器管理下面的那条线就是 css代码: .linear{ width:100%; height:2px; background: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(35
阅读全文
posted @ 2018-01-18 14:04 饭米雪
阅读(7424)
评论(1)
推荐(1)
编辑
2018年1月15日
排序jq
摘要: var arr = [1,2,3,4,5,6,7]; arr.sort(function (a, b) { 从大到小
阅读全文
posted @ 2018-01-15 22:22 饭米雪
阅读(242)
评论(0)
推荐(0)
编辑
上一页
1
···
4
5
6
7
8
9
下一页
公告