javascript超炫的罗盘时钟,曾经多次在[dy]中被安排上百次,今天精益编程也安排一次
并对源码进行了查看,发现写的也是挺精简的,而且没有使用到jquery。
1.相关的知识点
- css3方面主要涉及到属性transform,并主要应用是旋转rotate的应用,有兴趣的伙伴们可以度娘一下。
- js方面,全面应用document.querySelector与document.querySelectorAll的获取指定[表达式]元素的能力。
- js中时间Date的应用,解析了Date的各种获取second,minute,hour,day,month,year的相关方法。
- js中,使用${}来计算表达式,这个值得我们去学习与使用的。
- js中循环定时setInterval的使用
2.本人觉得值得优化的地方
- 对时间的要素second,minute,hour,day,month,year的div的创建中,都明确使用style来为每一个div加上,有点累赘,建议统一编写class来统一引入。
- 这类面对公网的应用,尽量不要使用()=>{}的方式,因为这方式虽然是好东西,但是毕竟是新东西,要照顾一下一些老机器使用ie的情况。
关注精益资源,各种cool组件顺手拈来。