初学nodejs的回调 同步异步的困惑

刚开始学习js方面的技术，遇到了一下问题 也找了很多文章没能解决，只能麻烦大家帮我解决一下。。 非常感谢 用electron 写一套给图片批量做缩略图的工具 我for循环去给图片做缩略图

第一种方法: 却得到了这样的结果

感觉就是异步/同步方面的问题 但是找了很多教程没很理解这其中的概念 我就继续尝试

第二种方法 解决掉了第一种方法的问题 可以正常的做缩略图。

但是又会有个问题。。当我循环的时候总是能感觉到浏览器一下一下的卡顿。这种卡顿应该怎么去避免，能不能避免？ 而且我觉得我的这种方法去实现应该不是最好的办法，应该有更加完美的办法吧~