技术总结

Posted 2020-11-08 basu

在写一个转盘抽奖的js‘，网上确实有一堆当时真正跟我们需求符合的却是没有。不过找了一个差不多的demo，里边代码更是漏洞百出，修修改改终于能跑了，他的实现逻辑是先匀速转几圈然后再慢慢停下，也就是转的过程是分两步，第一步：匀速转 liner；第二部：渐慢速转 ease-out,他本来是每次转动完成之后都要重置下转盘，体验很是不友好，我在把它改为在上次的基础上去转动下一次的时候遇到了点问题，死活想不出解决的办法，睡了一觉发现其实没必要前边的匀速，直接ease-out即可，原来demo匀速是因为他是手动去触发转盘停止的，所以受他的影响，我的思维也有了局限性。所以奉告大家：在网上down别的demo的时候一定要先跳出demo的逻辑层面，不要受他的逻辑影响，我们需要是其实只是一个技术功能的具体实现（比如css的动画怎么用），逻辑还是要贴合自己的需求来私人定制，重新构造，否则受其局限只能是效率低下甚至无法完成。