JQuery + Fullcalendar - 與jQuery對象迭代大量

Question

我想呈現大量的事件（大約50，它可能會更多）。

    for (var eventIndex = 0; eventIndex < resp.select_events.length; eventIndex++){ 
        var event = resp.select_events[eventIndex]; 
        c.fullCalendar('renderEvent',{ 
         id: event.id, 
         title: eventName, 
         start: event.event_date, 
         description: eventDesc, 
         write: event.write 
        },true); 
       } 

這需要幾秒鐘的時間，有時瀏覽器會要求我中止scipt執行。所以，我認爲，我需要一種方式來實現它，比如異步 - 與執行腳本的最後部分平行。你能建議一些工具或類似的東西嗎？ Thx

Answer 1

你有渲染逐一？爲什麼不先設置像JSON數組這樣的數組並將它添加到eventSources中？讓您的日曆呈現大量活動的最佳方式是讓Fullcalendar爲您完成這項工作。在我看來，你正在嘗試在內部完成fullcalendar。檢查下面的例子，這是如果你必須做這個客戶端，我會做這個服務器端。

  var jsonarray = [];  
      for (var eventIndex = 0; eventIndex < resp.select_events.length; eventIndex++){ 

       /* c.fullCalendar('renderEvent',{ 
        id: event.id, 
        title: eventName, 
        start: event.event_date, 
        description: eventDesc, 
        write: event.write 
       },true);*/ 
       var event = resp.select_events[eventIndex]; 
       var myevent = { 
        "id": event.id, 
        "title": eventName, 
        "start": event.event_date, 
        "description": eventDesc, 
        "write": event.write 
       }; 
       jsonarray.push(myevent); 
      } 

      c.fullCalendar('addEventSource', jsonarray); 

讓他們知道，如果您有任何疑問

Answer 2

修改循環本身可能會在一定程度上有所幫助。閱讀這篇文章，http://jsperf.com/fastest-array-loops-in-javascript/11

而且這個https://blogs.oracle.com/greimer/entry/best_way_to_code_a

一般來說最快的方式爲您的循環while循環反向，以簡化測試條件：

var i = arr.length; while (i--) {/*....*/}