最近做了個(gè)需求，后端返回商品信息給前端，但是信息中缺少圖片地址，需要通過(guò)額外的接口獲取。因?yàn)橐粋€(gè)列表會(huì)展示多個(gè)商品，為了減少請(qǐng)求，需要收集頁(yè)面展示商品的編碼，在一定的時(shí)間后使...
IP屬地：廣東
-
前端隊(duì)列收集編碼，一次請(qǐng)求，分別返回結(jié)果給來(lái)源
-
打印HTML
打印如果是整個(gè)html文件，不要用window.document.body.innerHTML，應(yīng)該用window.document.write(response)和wind...
-
vue3源碼解析Vue3源碼解析 準(zhǔn)備工作至項(xiàng)目結(jié)構(gòu)為翻譯官方貢獻(xiàn)者指南[https://github.com/vuejs/core/blob/main/.github/contributi...
-
Github: originalix 歡迎互相 follow
-
JS獲取剪切板內(nèi)容
本文代碼參考了禪道開(kāi)源代碼內(nèi)容 需求 使用wangEditor粘貼excel數(shù)據(jù)時(shí)，如果數(shù)據(jù)中沒(méi)有圖片，一切正常。但是當(dāng)excel中帶有本地圖片的數(shù)據(jù)時(shí)，由于js沒(méi)有讀取本地...
-
vue項(xiàng)目過(guò)大，導(dǎo)致內(nèi)存溢出解決方案
當(dāng)我們的項(xiàng)目過(guò)大時(shí)，nodejs的運(yùn)行內(nèi)存會(huì)溢出，導(dǎo)致項(xiàng)目崩潰退出。會(huì)報(bào)FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed ...
-
vue中Modal數(shù)據(jù)管理
在編寫(xiě)頁(yè)面時(shí)經(jīng)常會(huì)使用各組件庫(kù)的Modal組件。一般Modal組件管理的數(shù)據(jù)非常多，通常一個(gè)頁(yè)面中有多個(gè)Modal，如果不將各個(gè)Modal封裝成組件的話(huà)，數(shù)據(jù)堆砌在主頁(yè)面將使...
-
不使用連續(xù)if，用對(duì)象代替
當(dāng)我們處理諸如表單的問(wèn)題時(shí)，可能遇到根據(jù)數(shù)據(jù)狀態(tài)數(shù)轉(zhuǎn)化為文字的情況，這時(shí)使用if判斷或3元表達(dá)式都將顯得冗長(zhǎng)與閱讀困難 如上代碼所示，使用連續(xù)的if進(jìn)行狀態(tài)判斷，顯得代碼冗長(zhǎng)...
-
JavaScript設(shè)計(jì)原則
單一職責(zé)原則(SRP)：一個(gè)對(duì)象（方法）只做一件事。 何時(shí)應(yīng)該分離職責(zé) SRP原則是所有原則中最簡(jiǎn)單也是最難正確運(yùn)用的原則之一。 要明確的是，并不是所有的職責(zé)都應(yīng)該一一分離。...
-
JavaScript適配器模式
適配模式的作用是解決兩個(gè)軟件實(shí)體間的接口不兼容問(wèn)題。使用適配器模式之后，原本由于接口不兼容而不能工作的兩個(gè)軟件實(shí)體可以一起工作。 原代碼 當(dāng)返回的數(shù)據(jù)結(jié)構(gòu)改變時(shí)，舊的數(shù)據(jù)結(jié)構(gòu)...
-
JavaScript狀態(tài)模式
當(dāng)一個(gè)對(duì)象或按鈕有多個(gè)方法，多個(gè)狀態(tài)，狀態(tài)之間可以切換時(shí)，如果使用if-else實(shí)現(xiàn)，代碼將充斥if-else，使得代碼難以閱讀，修改困難。此時(shí)使用狀態(tài)模式，將對(duì)象的每一個(gè)狀...
-
JavaScript裝飾者模式
給對(duì)象動(dòng)態(tài)添加或修改功能。在靜態(tài)語(yǔ)言中通過(guò)新對(duì)象引用舊對(duì)象地方式添加，最終形成包裝鏈。 在JavaScript中可以使用AOP來(lái)實(shí)現(xiàn)裝飾模式 插件式的表單驗(yàn)證 以上的裝飾模式...
-
JavaScript中介者模式
當(dāng)對(duì)象之間進(jìn)行多對(duì)多引用時(shí)，進(jìn)行開(kāi)發(fā)，維護(hù)，閱讀時(shí)將變得特別痛苦。在這些對(duì)象之間添加中間者，使它們都只與中介者，當(dāng)中介者處理完一個(gè)對(duì)象的請(qǐng)求后，將結(jié)果通知于其他對(duì)象。 實(shí)現(xiàn)改...
-
JavaScript職責(zé)鏈模式
定義：使多個(gè)對(duì)象都有機(jī)會(huì)處理請(qǐng)求，從而避免請(qǐng)求的發(fā)送者和接收者之間的耦合關(guān)系，將這些對(duì)象連城一條鏈，并沿著這條鏈傳遞該請(qǐng)求，直到有一個(gè)對(duì)象處理它為止。 異步的職責(zé)鏈 使用AO...
-
JavaScript享元模式
享元(flyweight)模式是一種用于性能優(yōu)化的模式，“fly”在這里是蒼蠅的意思，意為蠅量級(jí)。享元模式的核心是運(yùn)用共享技術(shù)來(lái)有效支持大量細(xì)粒度的對(duì)象。享元模式是使用同一個(gè)...
-
JavaScript模板方法模式
在靜態(tài)語(yǔ)言中，實(shí)現(xiàn)模板方法模式通過(guò)繼承實(shí)現(xiàn)。通過(guò)抽象父類(lèi)封裝子類(lèi)的算法框架——包括實(shí)現(xiàn)一些公共方法以及封裝子類(lèi)中所有的執(zhí)行順序。 JavaScript中實(shí)現(xiàn)模板算法模式 其中...
-
JavaScript組合模式
組合模式將對(duì)象組合成樹(shù)形結(jié)構(gòu)，以表示“部分-整體”的層次結(jié)構(gòu)。除了用來(lái)表示樹(shù)形結(jié)構(gòu)之外，組合模式的另一個(gè)好處是通過(guò)對(duì)象的多態(tài)性表現(xiàn)，使得用戶(hù)對(duì)單個(gè)對(duì)象和組合對(duì)象的使用具有一致...
