左边树，右边为视频窗口

1，问题一：左边树一次只能点击一个设备，右边为单状态的四窗口的视屏窗

2，问题二：左边树一次只能点击一个设备，右边为多状态的1,4,16,36窗口。

3，问题三：左边树一次可以点击多个设备，右边为单状态的四窗口的视屏窗

4，问题四：左边树一次可以点击多个设备，右边为多状态的1,4,16,36窗口。

问题一：窗口循环体验

1，窗口可以数组模拟arr

2，顺时针的体验

arr.shift(obj);

arr.push(obj);

问题二：

同问题一理，窗口循环体验，问题是如果在窗体循环的时候之前的状态要保存么。

二.1 状态不保存

        重新新建个合适长度的数组。

二。2状态保存

        变长，新建个合适长度的数组并装进之前的数据。

        变短，slice一个更短的数组。

问题三：同时点击多个数据。

        三.1如问题一那样循环体验，当节点多的时候耗费性能；

        判断对不同的点击的节点数进行判断。

if(checkNodes.length>=arr.length){
    arr = checkNodes.slice(checkNodes.length-4,)
}else{
    如同问题一循环体验那样
}

        问题四：

四.1之前的状态不保存

        新建个新数组，剩下问题的问题如问题三。

四.2之前的状态保存

       新建一个带老数据的新数组，如问题三。