破解由于異步執行而導致的JS插件未加載就使用的問題

graf 發布于2019-08-22 10:59 / 1458人閱讀

摘要：相關組件版本這個問題通常會在以下情景出現頁面一加載完就要利用動態操縱頁面的元素為各類插件賦初值等。

相關組件版本：avalon 1.3.6

這個問題通常會在以下情景出現：

頁面一加載完就要利用JS動態操縱頁面的DOM元素、為各類插件賦初值等。

以ueditor為例，以往，配合后端渲染模板，直接就把初始的值輸出到頁面，ueditor自然就獲取到初始值了；但改為前后端完全分離后，初始值需要依賴ajax讀取api獲得，然后再調用ueditor的setContent()方法進行賦值，而ueditor的實例化和初始值的獲取這兩個操作是異步執行的(當然也可以寫成同步執行，利用ueditor的ready()方法即可，但總體來說不太靈活)，這樣就造成了一個不穩定的因素：到底在賦初值的時候，ueditor實例化好了沒有呢？

為此，我思索后，得出如下方案：

var ue = UE.getEditor("content_editor");

function article_create_getFirstData() {
  if(typeof(ue) == "object") {
    initUeditor();
  } else {
    setTimeout("article_create_getFirstData()", 500);
  }
}
article_create_getFirstData();

其總體思路是，利用typeof判斷預設變量是否已為object（即已實例化），若否，則定時重新進行判斷，直到實例化成功后，進行賦初值的操作。

GPU云服務器云服務器異步加載js的方法 js獲取異步加載的數據格式 listview的異步加載 linux 未加載的磁盤

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91570.html

webpack原理

摘要：原理查看所有文檔頁面前端開發文檔，獲取更多信息。初始化階段事件名解釋初始化參數從配置文件和語句中讀取與合并參數，得出最終的參數。以上處理的相關配置如下編寫編寫的職責由上面的例子可以看出一個的職責是單一的，只需要完成一種轉換。 webpack原理查看所有文檔頁面：前端開發文檔，獲取更多信息。原文鏈接：webpack原理，原文廣告模態框遮擋，閱讀體驗不好，所以整理成本文，方便查找。工作...

trigkit4 2019-08-26 11:55 評論0 收藏0
瀏覽器渲染機制

摘要：瀏覽器渲染進程瀏覽器內核進程，內部是多線程的默認每個頁面一個進程，互不影響。事件觸發線程歸屬于瀏覽器而不是引擎，用來控制事件循環可以理解成引擎自己都忙不過來，需要瀏覽器另開線程協助。線程和進程進程和線程的概念可以這樣理解：進程是一個工廠，工廠有它的獨立資源--工廠之間相互獨立--線程是工廠中的工人，多個工人協作完成任務--工廠內有一個或多個工人--工人之間共享空間工廠有多個工人...

appetizerio 2019-08-22 15:47 評論0 收藏0
瀏覽器渲染機制

摘要：瀏覽器渲染進程瀏覽器內核進程，內部是多線程的默認每個頁面一個進程，互不影響。事件觸發線程歸屬于瀏覽器而不是引擎，用來控制事件循環可以理解成引擎自己都忙不過來，需要瀏覽器另開線程協助。線程和進程進程和線程的概念可以這樣理解：進程是一個工廠，工廠有它的獨立資源--工廠之間相互獨立--線程是工廠中的工人，多個工人協作完成任務--工廠內有一個或多個工人--工人之間共享空間工廠有多個工人...

lncwwn 2019-08-02 10:03 評論0 收藏0
webpack 基礎與項目優化實踐總結

摘要：前言本文基于，主要涉及基本概念基本配置和實際項目打包優化。關于概念方面參考官網，常用配置來自于網絡資源，在文末有相關參考鏈接，實踐部分基于自己的項目進行優化配置。同一文件中，修改某個影響其他。前言：本文基于weboack4.x，主要涉及webpack4 基本概念、基本配置和實際項目打包優化。關于概念方面參考官網，常用配置來自于網絡資源，在文末有相關參考鏈接，實踐部分基于自己的項目進行...

Scorpion 2019-08-23 18:15 評論0 收藏0