Loader 主要用于處理模塊的內(nèi)容轉(zhuǎn)換，而 Plugin 則可以用于執(zhí)行范圍更廣的任務(wù)，包括打包優(yōu)化、資源管理和注入環(huán)境變量等。 工作機(jī)制： Plugin 是一個(gè)具有 ap...
IP屬地：馬哈拉施特拉邦
-
Plugin 與 Loader 有何不同？請(qǐng)解釋 Plugin 的工作機(jī)制，并舉例說(shuō)明如何自定義一個(gè) Plugin
-
Loader 的作用和工作原理，并舉例說(shuō)明如何自定義一個(gè) Loader
Loader 是 Webpack 中用于對(duì)模塊的源代碼進(jìn)行轉(zhuǎn)換的工具。它們?cè)谀K被添加到依賴(lài)圖中之前，將模塊的內(nèi)容進(jìn)行處理，如轉(zhuǎn)換為不同的語(yǔ)言（如從 TypeScript 到...
-
Webpack 構(gòu)建流程
Webpack 的構(gòu)建流程是一個(gè)串行的過(guò)程，從啟動(dòng)到結(jié)束依次執(zhí)行以下步驟： 1. 初始化參數(shù) 從配置文件和 Shell 語(yǔ)句中讀取與合并參數(shù)，得出最終的配置參數(shù)。 2. 開(kāi)始...
-
webpack 5 的主要升級(jí)點(diǎn)有哪些？
Webpack 5 的主要升級(jí)點(diǎn)詳解 Webpack 5 帶來(lái)了許多重要的功能改進(jìn)和新特性，這些升級(jí)顯著提升了 Webpack 的性能和靈活性。以下是每個(gè)主要升級(jí)點(diǎn)的詳細(xì)說(shuō)明...
-
深入瀏覽器渲染整體流程 解析 HTML，構(gòu)建 DOM 樹(shù) 解析 CSS， 生成 CSS 規(guī)則 合并 DOM 樹(shù)和 CSS 規(guī)則，生成 Render 樹(shù)（頁(yè)面布局） 繪制 Render 樹(shù)（...
-
Git 修改已提交 commit 的作者&郵箱信息
當(dāng)我們不小心用公司賬號(hào)提交 commit 到 github 時(shí)，想要修改 commit 的作者&郵箱該怎么做呢，rebase 一條一條的改也太慢了吧，而且會(huì)存在覆蓋掉comm...
-
Node.js 基礎(chǔ)切換版本：nvm 特點(diǎn)：異步 I/O、單線程、跨平臺(tái) 異步 I/O： 比如去醫(yī)院看病掛完號(hào)可以去干別的，等醫(yī)生通知 單線程：Node.js 保持了 JS 在瀏覽器中單線程的特...
-
Node.js 技術(shù)架構(gòu)Node.js的版本中，雙數(shù)是穩(wěn)定版，單數(shù)非穩(wěn)定，推薦使用8以上的版本。 推薦安裝工具nrm用于切換下載源推薦用yarn替代npm，用yrm替代nrm全局安裝ts-node可...
-
JSON Web Token 入門(mén)教程
JSON Web Token（縮寫(xiě) JWT）是目前最流行的跨域認(rèn)證解決方案，本文介紹它的原理和用法。 一、跨域認(rèn)證問(wèn)題 互聯(lián)網(wǎng)服務(wù)離不開(kāi)用戶認(rèn)證。一般流程是下面這樣。 用戶向...
-
CDN原理 & 前端頁(yè)面部署CDN 原理 CDN即內(nèi)容分發(fā)網(wǎng)絡(luò)(Content Delivery Network)的簡(jiǎn)稱(chēng)，是建立在承載網(wǎng)基礎(chǔ)上的虛擬分布式網(wǎng)絡(luò)，能將源站內(nèi)容(包括各類(lèi)動(dòng)靜態(tài)資源)智能緩存...
-
next.js官方教程入門(mén)項(xiàng)目先初始化一個(gè)項(xiàng)目 運(yùn)行 創(chuàng)建/pages/posts/first-post.js文件，通過(guò)/posts/first-post來(lái)訪問(wèn)，不需要配置router，這是約定， ，這是...
-
Next.js預(yù)渲染的兩種形式——靜態(tài)生成和服務(wù)端渲染
Two froms of Pre-rendering of Next.js Next.js有兩種預(yù)渲染形式：靜態(tài)生成(Static Generation)和服務(wù)端渲染(Ser...
-
Vue Router 前端路由實(shí)現(xiàn)思路
什么是路由：滿足一對(duì)多的情況，主要是用來(lái)分發(fā)請(qǐng)求，經(jīng)過(guò)一些中間節(jié)點(diǎn)后到達(dá)最終目的地。 路由通常根據(jù)路由表：一個(gè)存儲(chǔ)到各個(gè)目的地的最佳路徑的表來(lái)引導(dǎo)分組傳送。 hash模式：任...
-
JS事件循環(huán)機(jī)制 eventloop如何理解JS事件的循環(huán)機(jī)制(瀏覽器端)答： 我們知道JS是單線程運(yùn)行的(暫時(shí)撇去web worker)、是異步的、是基于事件執(zhí)行的 JS主線程是同步執(zhí)行的，遇到異步任務(wù)的時(shí)候...
-
Vue3組件傳值之props與attrs的區(qū)別$attrs 屬性可以看做 props 的加強(qiáng)版，用來(lái)簡(jiǎn)化 vue 組件傳值先說(shuō)區(qū)別： props 要先聲明才能取值，attrs 不用先聲明 props 聲明過(guò)的屬性，att...
-
一個(gè)例子弄懂CSS中的 "&"
&是sass的語(yǔ)法，代表上一級(jí)選擇器 等同于 .bordered.float 是串聯(lián)選擇器，作用在同一標(biāo)簽上.bordered .top 是后代選擇器，作用在不同標(biāo)簽上