如果不是打包成npm怎么加載呢
Vue 3項(xiàng)目中嵌入另一個(gè)項(xiàng)目（MyComponent）-2024-03-13在Vue 3項(xiàng)目中嵌入另一個(gè)項(xiàng)目通常意味著將一個(gè)獨(dú)立的Vue應(yīng)用作為組件嵌入到另一個(gè)Vue應(yīng)用中。這可以通過(guò)幾種方法實(shí)現(xiàn)沮协，包括使用iframe、MyComponent轩拨、Web...
遇到的問(wèn)題 網(wǎng)上的一些資料都是介紹怎么使用vue-tour的扩氢，今天分享一個(gè)特殊場(chǎng)景下的導(dǎo)航，我使用的是v3-tour炸卑，使用方式 首先是導(dǎo)航頁(yè)面不在同一個(gè)頁(yè)面既鞠，需要頁(yè)面跳轉(zhuǎn)后繼...
為什么需要異步組件？ vue作為單頁(yè)應(yīng)用在首頁(yè)加載時(shí)長(zhǎng)會(huì)遇到加載緩慢問(wèn)題盖文，我們可以利用異步組件實(shí)現(xiàn)只有當(dāng)頁(yè)面需要渲染該組件時(shí)才進(jìn)行引入嘱蛋。 vue官網(wǎng)的介紹[https://c...
一次線上問(wèn)題引起的思考 npm i 的時(shí)候使用@符號(hào)指定特定的版本，不會(huì)自動(dòng)更新 最近遇到一個(gè)因?yàn)榘聦?dǎo)致的線上問(wèn)題，起因是因?yàn)橐驗(yàn)樵陂_(kāi)發(fā)過(guò)程中為了解決測(cè)試環(huán)境的構(gòu)建報(bào)錯(cuò)問(wèn)...
我們?nèi)粘ｉ_(kāi)發(fā)中經(jīng)常會(huì)遇到生產(chǎn)菜單下線了洒敏，但是項(xiàng)目中代碼沒(méi)有被刪除的情況龄恋，這些菜單在打包和編譯階段都是存在的，影響打包體積和編輯速度凶伙。寫這個(gè)工具的目的為了減少代碼冗余 使用技術(shù)...
前端自動(dòng)化測(cè)試 單元測(cè)試：Vitest[https://vitest.dev/]/jtest[https://jestjs.io/zh-Hans/] 自動(dòng)化測(cè)試工具選擇：pl...
render函數(shù)原理郭毕，h將通過(guò)配置項(xiàng)生成vnode，render函數(shù)將vnode轉(zhuǎn)換成真實(shí)的dom并且掛載在指定容器上面函荣。其中將虛擬dom轉(zhuǎn)換成真實(shí)dom的過(guò)程也是patch...
移動(dòng)端微應(yīng)用-模塊聯(lián)邦-Module Federation[https://www.webpackjs.com/concepts/module-federation/#roo...
安裝校驗(yàn)工具 husky是一個(gè)用于設(shè)置git hooks的工具显押，執(zhí)行自定義的腳本程序 @commitlint/cli是一個(gè)命令行工具，用于校驗(yàn)git提交信息是否符合規(guī)范 @c...
npm的安裝機(jī)制 檢查config偏竟，獲取npm配置煮落，優(yōu)先級(jí)順序：項(xiàng)目的.npmrc>用戶的.npmrc>全局的.npmrc>npm內(nèi)置的.npmrc 檢查項(xiàng)目中是否存在pac...
要求： 后端返回菜單結(jié)構(gòu)，根據(jù)菜單結(jié)構(gòu)動(dòng)態(tài)生成除了詳情頁(yè)之外的菜單 實(shí)現(xiàn)思路： 在store存儲(chǔ)菜單的地方添加動(dòng)態(tài)路由 菜單結(jié)構(gòu) store代碼 最終生成的路由結(jié)構(gòu)踊谋，以sys...
要求： 使用element-ui 實(shí)現(xiàn)接口緩存-使用map實(shí)現(xiàn) 實(shí)現(xiàn)自定義label和值蝉仇，label可以自己設(shè)置或者按照code-name方式展示-自定義展示字段或者根據(jù)傳入...
V8運(yùn)行環(huán)境 node環(huán)境和瀏覽器環(huán)境 瀏覽器為v8提供了基礎(chǔ)的消息循環(huán)系統(tǒng)、全局變量殖蚕、web api轿衔。v8的核心是實(shí)現(xiàn)了ecmascript標(biāo)準(zhǔn)、還提供了垃圾回收器等睦疫。 在...
v8啟動(dòng)時(shí)需要的執(zhí)行環(huán)境堆和椇裕空間全局執(zhí)行上下文全局作用域事件循環(huán)系統(tǒng)消息循環(huán)系統(tǒng)內(nèi)置函數(shù) 經(jīng)v8處理后生成抽象語(yǔ)法樹(shù)，在生成抽象語(yǔ)法樹(shù)的同時(shí)蛤育，會(huì)生成相關(guān)的作用域宛官，作用域中存...
圖片懶加載，數(shù)據(jù)懶加載瓦糕， 路由懶加載 1.圖片懶加載原理 1.1 開(kāi)始時(shí) 不設(shè)置src屬性 1.2 圖片在可視區(qū)域內(nèi),設(shè)置src 然后加載圖片 1.3 使用API底洗，inter...
1. 父?jìng)髯?defineProps) 基本思想:父組件中給子組件綁定屬性子組件內(nèi)部通過(guò)props選項(xiàng)接收數(shù)據(jù) 例子： 2. 子傳父(defineEmits) 基本思想:父組...
什么是pinia Pinia 是 Vue 的專屬狀態(tài)管理庫(kù)，可以實(shí)現(xiàn)跨組件或頁(yè)面共享狀態(tài)咕娄，是 vuex 狀態(tài)管理工具的替代品亥揖，和 Vuex相比，具備以下優(yōu)勢(shì) 提供更加簡(jiǎn)單的A...
前言 上一小節(jié)费变，我們發(fā)現(xiàn)直接引入defineConfig會(huì)導(dǎo)致程序報(bào)錯(cuò)，于是分析了產(chǎn)生報(bào)錯(cuò)的原因并查看了vite中的解決思路 本節(jié)圣贸，在svite中解決這個(gè)問(wèn)題 好文推薦[ht...
類型注解 TypeScript 是 JS 的超集挚歧，TS 提供了 JS 的所有功能，并且額外的增加了：類型系統(tǒng)所有的 JS 代碼都是 TS 代碼JS 有類型（比如旁趟，number...
基本使用 內(nèi)容：函數(shù)的類型實(shí)際上指的是： 函數(shù)參數(shù) 和 返回值 的類型 1.函數(shù)聲明 格式--- 函數(shù)名(參數(shù)1: 參數(shù)1類型, 參數(shù)2: 參數(shù)2類型): 返回值類型 { 函...
