手寫乙個微前端,qiankunjs

2022-10-08 22:57:26 字數 808 閱讀 9449

window.__powered_by_qiankun__ = true;

let module = null;

const _pushstate = history.pushstate;

history.pushstate = (...args) => ;

};export const start = () => {};

// 處理函式

// 如果沒有匹配的子應用,則不處理

// 若上一次掛載是子應用,則解除安裝它

if (module)

return;

} // 相同子應用,不處理

// 切換子應用

// 解除安裝上乙個子應用

if (module)

module = runcode(codes);

module.container = container;

module.exports.mount();

}// 根據url獲取dom

function parsedom(url)

// 根據dom獲取scirpt指令碼

function parsescript(el, baseurl) )

);}// 執行**

function runcode(codes) ;

let module = ;

for (const code of codes)

return module;

}// 查詢應用

}

僅實現了一些基礎的功能,樣式隔離,js沙箱,資料共享等還沒做。

手寫乙個Tomcat

1 工程截圖 2 封裝請求物件 通過輸入流,對http協議進行解析,拿到了http請求頭的方法和url author wangjie version 2018 11 9 封裝請求物件 通過輸入流,對http協議進行解析,拿到http請求頭的方法和url 3 封裝響應物件 基於http協議的格式進行輸...

手寫乙個ajax

在我看來,寫乙個ajax就需要5步,也就是5個單詞,這就是乙個ajax的流程。這五個單詞分別為 new open setrequestheader onreadystatechange send。記住這五個單詞你就有了ajax的整體的框架了。以上是最麻煩的一步,後面的步驟就比較簡單了。ajax.op...

手寫乙個佇列

佇列具有先進先出的特點,從隊尾新增元素,從隊首刪除元素。對於佇列,通常有兩種實現方式 陣列和鍊錶。package basicknowledge.集合框架.queue 基本功能 利用陣列實現乙個迴圈佇列 program summary author peicc create 2019 07 24 10...