九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
SAP UI5 應(yīng)用的 Component.js 文件是如何在運(yùn)行時(shí)被加載的?

提問

請(qǐng)問一下,Component.js這個(gè)文件,程式是如何調(diào)用的?我看在index.js中,只是指定了路徑,并沒有指定文件名稱。 然后我試著更改了一下文件名稱為component.js(首字母小寫),然后通過調(diào)試發(fā)現(xiàn)無法加載這個(gè)文件。 難道這個(gè)文件名稱是SAP UI5中hardcode的嗎?

回答:本地訪問 url,打開 Chrome 開發(fā)者工具,切換到 Network 標(biāo)簽頁,在輸入框里輸入

component.js

后,發(fā)現(xiàn)了我們自己編寫的

Component.js

文件被加載:

把鼠標(biāo)放到

initiator

這一列上,就能看到發(fā)起這個(gè)文件請(qǐng)求的調(diào)用棧:

單擊下圖高亮區(qū)域,即 Component-dbg.js 文件的第 3361 行:

在這一行設(shè)置斷點(diǎn),然后刷新瀏覽器,斷點(diǎn)觸發(fā):

按 F11 單步調(diào)試進(jìn)去:

這里發(fā)現(xiàn)確實(shí)是像提問的朋友那樣說的,Component 這個(gè)文件名是 SAP UI5 硬編碼的,首字母改成小寫

c

都不行。下面的代碼,首先把應(yīng)用程序里我們自定義的命名空間

sap.ui5.walkthrough

.Component

做字符串連接,然后把連接后的字符串里所有的

.

替換成

/

最后使用 SAP UI5 標(biāo)準(zhǔn)的工具庫去加載這個(gè)

Component.js

文件:

SAP UI5 模塊是可以在瀏覽器中加載和執(zhí)行的 JavaScript 文件。 沒有確定的規(guī)則去定義什么代碼應(yīng)該屬于一個(gè)模塊——捆綁在模塊中的內(nèi)容取決于開發(fā)人員,但通常一個(gè)模塊內(nèi)的內(nèi)容應(yīng)當(dāng)具有共同的主題。下面是一個(gè)模塊的例子:

sap.ui.define("SomeClass", ['sap/mylib/Helper', 'sap/m/Bar'], function(Helper, Bar) {

    // create a new class
    var SomeClass = function () {};

    // add methods to its prototype
    SomeClass.prototype.foo = function () {

        // use a function from the dependency 'Helper' in the same package (e.g. 'sap/mylib/Helper' )
        var mSettings = Helper.foo();

        // create and return an sap.m.Bar (using its local name 'Bar')
        return new Bar(mSettings);
    };
    // return the class as module value
    return SomeClass;
  });
// later requiring the previously defined module
sap.ui.require(['SomeClass'], function(SomeClass) {
    var oInstance = new SomeClass();
});

上圖 sap.ui.define 函數(shù)的第二個(gè)輸入?yún)?shù)是模塊的依賴。將每個(gè)依賴項(xiàng)添加到 sap.ui.define 調(diào)用可能會(huì)導(dǎo)致在執(zhí)行模塊之前必須加載許多模塊。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
ABP: UI 模塊及默認(rèn)加載的js文件
Webpack 和 React 小書
美團(tuán)點(diǎn)評(píng)境外度假團(tuán)隊(duì)前端項(xiàng)目開發(fā)實(shí)踐總結(jié)
前端開發(fā)體系建設(shè)日記
Webpack+React+ES6開發(fā)模式入門指南
前端優(yōu)化帶來的思考,淺談前端工程化
更多類似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服