m0_37907835的博客

通常js原生的可迭代对象，比如Array, Map, Set等都可以使用for...of来进行迭代，也可使用...obj的方式来拆解开，是因为他们对应的对象在底层都实现了可迭代方法@@iterator，其实就是Symbol.interator方法。这个方法在调用后会返回一个可迭代对象，该对象中只需要包含next方法，每次迭代都需要调用next方法，next方法返回类型是{value: any, done: boolean}。value表示当前迭代到的值，done表示迭代是否完成。是不是感觉这种方法有点似曾.

有个要注意的点，就是canvas标签本身自带width与height属性，设置此属性可以直接更改canvas坐标系的宽与高，而在css里设置宽高，只是把canvas坐标系拉伸了，坐标值不变，显示出来的图像也都被拉伸了。var canvas = document.getElementById("canvas");var parti = [];function loop(){

功能描述：图片播放分为2个顺序：正序和反序，正序就是从第一张到最后一张，然后再第一张，反序是从第一张开始，然后最后一张，再到第一张。1：当没有鼠标操作时，图片正序播放，每隔特定时间播放一次。2：如果鼠标从左向右滑动，则图片跳过间隔时间，播放顺序强制切换为正序，立即播放至下一张。3：如果鼠标从右向左滑动，则图片跳过间隔时间，播放顺序强制切换为反序，立即播放至下一张。实现思路：