成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

graf / 1464人閱讀

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

相關組件版本:avalon 1.3.6

這個問題通常會在以下情景出現(xiàn):

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

以ueditor為例,以往,配合后端渲染模板,直接就把初始的值輸出到頁面,ueditor自然就獲取到初始值了;但改為前后端完全分離后,初始值需要依賴ajax讀取api獲得,然后再調用ueditor的setContent()方法進行賦值,而ueditor的實例化和初始值的獲取這兩個操作是異步執(zhí)行的(當然也可以寫成同步執(zhí)行,利用ueditor的ready()方法即可,但總體來說不太靈活),這樣就造成了一個不穩(wěn)定的因素:到底在賦初值的時候,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(即已實例化),若否,則定時重新進行判斷,直到實例化成功后,進行賦初值的操作。

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

轉載請注明本文地址:http://systransis.cn/yun/91570.html

相關文章

  • webpack原理

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

    trigkit4 評論0 收藏0
  • 瀏覽器渲染機制

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

    appetizerio 評論0 收藏0
  • 瀏覽器渲染機制

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

    lncwwn 評論0 收藏0
  • webpack 基礎與項目優(yōu)化實踐總結

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

    Scorpion 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<