来源github,参考链接:html+css+js之20个练手小项目
Relax app的功能在于帮助你用于调整呼吸,放松身心。吸气~ 保持~ 呼气。
需要实现:
CSS-页面布局,包括圆环与移动的小球
JS-随着呼吸,圆圈的缩放以及文本的改变JS
js在这里所做的就是控制呼吸圈的缩放与呼吸状态文本的改变。利用延时器(sleep)控制每个状态的持续时长。动态的添加(classList.add)与删除(classList.remove)相应的类(shrink,grow),当前状态结束,将文本变为下一状态。
当某元素有一堆属性动态变化时,不妨通过类在css中事先定义好,需要变化的时候,再通过js添加或删除相应的类,从而减少页面的重排和重绘,提高性能。
js是异步IO的,所有的ajax请求不会按队列执行,而是同步执行的,所以返回也是没有顺序的,即有时候第二个请求先返回,这样aidarr就是空数组了。解决方法就是,将第二个请求嵌套在第一个请求里面。