2020-09-04 html的纯htm实现跑马灯效果 + css的弹幕效果 + JS的实现对节点的拖拽 + 软技能的web端的批量打印

2020-09-03 题目来源：http://www.h-camel.com/index.html

[html] 如何使用纯HTML实现跑马灯的效果？

应该是纯css实现的吧，css的动画属性animation:动作名称 动画时间 速度曲线 延时 播放次数

animation: traffic-light 5s linear 0s infinite;

[css] 使用css使用一个弹幕的效果

结合动画特性 animation 对div的位置进行修改 tansform: translateX();

源码看这里 https://blog.csdn.net/vampire10086/article/details/108703005

[js] 写个方法，实现对某个节点的拖拽

思路就是修改非行间样式，利用鼠标移动onmousemove onmouseup来进行事件的监听

https://blog.csdn.net/vampire10086/article/details/108704025

获取非行间样式

window.getComputedStyle？ window.getComputedStyle(element,false)[attr] : element.currentStyle(attr)

数组去重 Array.from(new Set(arr))

数组降维 Array.prototype.concat.apply([], arr);

[软技能] 你在web端实现过批量打印吗？如何实现？

web使用window.print()实现分页批量打印

https://blog.csdn.net/weixin_41488294/article/details/81705171