最近做了個(gè)需求汽摹,后端返回商品信息給前端,但是信息中缺少圖片地址邻奠,需要通過額外的接口獲取。因?yàn)橐粋€(gè)列表會(huì)展示多個(gè)商品,為了減少請(qǐng)求罗洗,需要收集頁面展示商品的編碼,在一定的時(shí)間后使...
最近做了個(gè)需求汽摹,后端返回商品信息給前端,但是信息中缺少圖片地址邻奠,需要通過額外的接口獲取。因?yàn)橐粋€(gè)列表會(huì)展示多個(gè)商品,為了減少請(qǐng)求罗洗,需要收集頁面展示商品的編碼,在一定的時(shí)間后使...
Vue3 發(fā)布已經(jīng)有一段時(shí)間了,最近也有機(jī)會(huì)在公司項(xiàng)目中用上了 Vue3 + TypeScript + Vite 的技術(shù)棧命迈,所以閑暇之余抽空也在抽空閱讀 Vue3 的源碼贩绕。本...
本文代碼參考了禪道開源代碼內(nèi)容 需求 使用wangEditor粘貼excel數(shù)據(jù)時(shí),如果數(shù)據(jù)中沒有圖片踊淳,一切正常假瞬。但是當(dāng)excel中帶有本地圖片的數(shù)據(jù)時(shí),由于js沒有讀取本地...
當(dāng)我們的項(xiàng)目過大時(shí)脱茉,nodejs的運(yùn)行內(nèi)存會(huì)溢出,導(dǎo)致項(xiàng)目崩潰退出垄开。會(huì)報(bào)FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed ...
在編寫頁面時(shí)經(jīng)常會(huì)使用各組件庫的Modal組件琴许。一般Modal組件管理的數(shù)據(jù)非常多,通常一個(gè)頁面中有多個(gè)Modal溉躲,如果不將各個(gè)Modal封裝成組件的話榜田,數(shù)據(jù)堆砌在主頁面將使...
當(dāng)我們處理諸如表單的問題時(shí)锻梳,可能遇到根據(jù)數(shù)據(jù)狀態(tài)數(shù)轉(zhuǎn)化為文字的情況箭券,這時(shí)使用if判斷或3元表達(dá)式都將顯得冗長(zhǎng)與閱讀困難 如上代碼所示,使用連續(xù)的if進(jìn)行狀態(tài)判斷疑枯,顯得代碼冗長(zhǎng)...
單一職責(zé)原則(SRP):一個(gè)對(duì)象(方法)只做一件事辩块。 何時(shí)應(yīng)該分離職責(zé) SRP原則是所有原則中最簡(jiǎn)單也是最難正確運(yùn)用的原則之一。 要明確的是荆永,并不是所有的職責(zé)都應(yīng)該一一分離废亭。...
適配模式的作用是解決兩個(gè)軟件實(shí)體間的接口不兼容問題。使用適配器模式之后具钥,原本由于接口不兼容而不能工作的兩個(gè)軟件實(shí)體可以一起工作豆村。 原代碼 當(dāng)返回的數(shù)據(jù)結(jié)構(gòu)改變時(shí),舊的數(shù)據(jù)結(jié)構(gòu)...
當(dāng)一個(gè)對(duì)象或按鈕有多個(gè)方法骂删,多個(gè)狀態(tài)掌动,狀態(tài)之間可以切換時(shí),如果使用if-else實(shí)現(xiàn)桃漾,代碼將充斥if-else坏匪,使得代碼難以閱讀拟逮,修改困難撬统。此時(shí)使用狀態(tài)模式,將對(duì)象的每一個(gè)狀...
給對(duì)象動(dòng)態(tài)添加或修改功能敦迄。在靜態(tài)語言中通過新對(duì)象引用舊對(duì)象地方式添加恋追,最終形成包裝鏈凭迹。 在JavaScript中可以使用AOP來實(shí)現(xiàn)裝飾模式 插件式的表單驗(yàn)證 以上的裝飾模式...
當(dāng)對(duì)象之間進(jìn)行多對(duì)多引用時(shí),進(jìn)行開發(fā)苦囱,維護(hù)嗅绸,閱讀時(shí)將變得特別痛苦。在這些對(duì)象之間添加中間者撕彤,使它們都只與中介者鱼鸠,當(dāng)中介者處理完一個(gè)對(duì)象的請(qǐng)求后,將結(jié)果通知于其他對(duì)象羹铅。 實(shí)現(xiàn)改...
定義:使多個(gè)對(duì)象都有機(jī)會(huì)處理請(qǐng)求蚀狰,從而避免請(qǐng)求的發(fā)送者和接收者之間的耦合關(guān)系,將這些對(duì)象連城一條鏈职员,并沿著這條鏈傳遞該請(qǐng)求麻蹋,直到有一個(gè)對(duì)象處理它為止。 異步的職責(zé)鏈 使用AO...
享元(flyweight)模式是一種用于性能優(yōu)化的模式焊切,“fly”在這里是蒼蠅的意思扮授,意為蠅量級(jí)。享元模式的核心是運(yùn)用共享技術(shù)來有效支持大量細(xì)粒度的對(duì)象专肪。享元模式是使用同一個(gè)...
在靜態(tài)語言中刹勃,實(shí)現(xiàn)模板方法模式通過繼承實(shí)現(xiàn)。通過抽象父類封裝子類的算法框架——包括實(shí)現(xiàn)一些公共方法以及封裝子類中所有的執(zhí)行順序嚎尤。 JavaScript中實(shí)現(xiàn)模板算法模式 其中...
組合模式將對(duì)象組合成樹形結(jié)構(gòu)深夯,以表示“部分-整體”的層次結(jié)構(gòu)。除了用來表示樹形結(jié)構(gòu)之外诺苹,組合模式的另一個(gè)好處是通過對(duì)象的多態(tài)性表現(xiàn)咕晋,使得用戶對(duì)單個(gè)對(duì)象和組合對(duì)象的使用具有一致...