webpack 是一個現(xiàn)代 JavaScript 應用程序的靜態(tài)模塊打包器(module bundler) 什么是webpack? 它是一個模塊打包器，也可以引用官網(wǎng)的一幅圖...
IP屬地：甘肅
-
理解webpack原理，手寫一個100行的webpack -
用JS輕松實現(xiàn)一個錄音、錄像、錄屏的工具庫
前言 哈嘍，大家好，我是海怪。 最近項目遇到一個要在網(wǎng)頁上錄音的需求，在一波搜索后，發(fā)現(xiàn)了 react-media-recorder[https://github.com/0...
-
127.使用vuepress生成項目組件庫文檔最近在看楊村長得vue-devui搭建開源系列的視頻，學到一招怎么搭建開源組件庫文檔，由于他們的項目vite項目，所以他們引用的是vitepress，而我用的vuepress...
-
前端開發(fā)規(guī)范(三)-Git規(guī)范化提交前言 在開發(fā)團隊協(xié)作中，“開發(fā)規(guī)范” 是經(jīng)常被討論的話題。當然，除了代碼上的規(guī)范，還有一個很重要的規(guī)范就是“提交規(guī)范”。 規(guī)范化提交的目的： 提交統(tǒng)一的、有規(guī)則的信息；而不是...
-
pnpm+vite+vue3搭建業(yè)務組件庫踩坑之旅前言 最近公司需要把一些vue3編寫的業(yè)務組件抽離出來，方便有需要的人使用，經(jīng)商量后決定要采用發(fā)npm包的方式。鑒于這些業(yè)務組件之前就是基于vite構(gòu)建環(huán)境開發(fā)的，于是我簡單...
-
如何實現(xiàn)Vue2項目升級Vue3？Vue3正式版已經(jīng)發(fā)布有兩年多了，如今它也已成為Vue的默認開發(fā)版本，如果你想要對之前Vue2項目進行升級重構(gòu)，可以從以下幾個維度入手： ① 構(gòu)建工具② 入口文件③ 插件④ ...
-
vite vue3 config配置篇
關(guān)于vite初始化項目參考自 https://vitejs.cn/[https://vitejs.cn/]配置基于自生產(chǎn)上線項目所使用配置 vite.config.js 導入...
-
快來看看你是不是被PUA了！親密關(guān)系中對方提出的無理要求讓你無力反駁
<情感勒索>讀書筆記 你是否在與伴侶、父母、子女、朋友、上司關(guān)系中，因為對方的一些要求而感到崩潰，但總是沒辦法表明自己的立場。你的恐懼和自責，都是因為受到了情感勒索的的折磨。...
-
Vue執(zhí)行流程及渲染解析（一）??最近想對之前看過的vue一些較原理的一些東西進行總結(jié)，今天就談談vue實例創(chuàng)建到渲染的一個流程概述。說的不對希望可以補充評論。??相信絕大多數(shù)的前端小伙伴已記不清做了多少...
-
項目中調(diào)試本地組件庫的實踐方案一、簡述 每個公司都有可能有自己的組件庫，我們在開發(fā)組件庫時，一般都要將組件庫里的組件應用在自己的項目上，項目與組件庫在本地進行調(diào)試就需要一套很好的解決方案。下面我們就對比幾...
-
前端限制打包文件數(shù)量前言： 之前有過這樣的項目經(jīng)歷：我們寫的程序是前端打包給后端，后端再打包成jar包上傳到甲方的云市場，使用就在云市場里點擊應用打開。 當時甲方云市場做了一次升級，但是沒有給我...
-
this.nextTick() 與 setTimeout的區(qū)別； 宏任務和微任務
this.nextTick() 官方解釋用法： 在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。在修改數(shù)據(jù)之后立即使用這個方法，獲取更新后的 DOM。算是個異步的函數(shù)；vue ...
-
可視化大屏項目適配 vue（方案一）選擇的適配方案設計稿是1920pxflexible.js 把屏幕分為 10 等份 ( flexible.js 中可修改 ，默認為 10 ) 新建 vue 項目，項目目錄如下i...
-
vue-loader源碼解讀調(diào)試 新增script調(diào)試腳本 npm run debug后打開chrome://inspect/,即可看到對應位置斷點 初始化 webpack的插件要求是一個包...
-
vite技術(shù)揭秘--hmr（消息派發(fā)與處理）前言 上一節(jié)[http://www.lxweimin.com/p/63bae27e585e]，已經(jīng)比較詳細的了解了如何塞一個客戶端給瀏覽器，可以說，已經(jīng)萬事俱備，只欠“c...
-
vue項目中使用mock.js模擬數(shù)據(jù)創(chuàng)建 1、在vue項目的根目錄下創(chuàng)建mock文件。 2、下載依賴 npm install mockjs --save //下載mock.jsnpm install json...
-
封裝組件并發(fā)布npm流程（vue3+ts+webpack）1、新建一個空項目并運行 2、封裝組件---在src目錄下新建文件夾 package----用來存放要上傳的組件 待封裝的組件放到package目錄下，可多個image.pn...
-
vue-multi-module【多模塊集成的vue項目，多項目共用一份配置，可以互相依賴，也可以獨立打包部署】
基于 vue-cli 2 實現(xiàn)，vue 多模塊、vue多項目集成工程 Github項目地址 : https://github.com/BothEyes1993/vue-mul...
-
基于 vue-cli 2 實現(xiàn)，vue 多模塊、vue多項目集成工程
Github項目地址 :https://github.com/BothEyes1993/vue-multi-module 目標：多模塊集成的vue項目，多項目共用一份配置，可...
-
使用webpack從0搭建Vue2項目腳手架
使用工具：Webpack@5 Vue@2 目錄結(jié)構(gòu) 首先要明確最終項目的目錄結(jié)構(gòu) dist 目錄：最終 webpack 打包后的目錄；src 目錄：被打包的文件目錄;pack...