webpack 官網(wǎng)：https://www.webpackjs.com/[https://www.webpackjs.com/]目前的最新版本：webpack5 webpa...
發(fā)簡信
IP屬地：云南
-
webpack 的安裝和使用 -
webpack概述引出問題:瀏覽器端的模塊化 開發(fā)中遇到的問題： 效率問題：精細(xì)的模塊劃分帶來了更多的JS文件，更多的JS文件帶來了更多的請求，降低了頁面訪問效率 兼容性問題：瀏覽器目前僅支持...
-
面試官:說一下get請求和post請求的區(qū)別
GET 和 POST 是 HTTP 協(xié)議中最常用的兩種請求方法，它們在設(shè)計目的、使用場景和特性上有顯著區(qū)別： 1. 主要用途 GET用于請求資源（獲取數(shù)據(jù)），不應(yīng)修改服務(wù)器狀...
-
為什么在vue組件中可以打印出.env文件中定義的變量，而在vite.config.js中，打印的時候會出錯
在 Vite 中，import.meta.env 的環(huán)境變量和 vite.config.js 中訪問環(huán)境變量的機(jī)制是不同的，這是導(dǎo)致你在配置文件中無法直接獲取 VITE_SO...
-
vite cli
CLI CLI 屬于 HCI 里面的一種。 計算機(jī)科學(xué) HCI，英語全稱 Human-Computer Interaction，中文的意思是“人機(jī)交互”，也就是研究和設(shè)計人類...
-
環(huán)境變量與模式
認(rèn)識環(huán)境變量 以最熟悉的 import.meta.env.BASE_URL 為例： 該變量在： 開發(fā)環(huán)境中，默認(rèn)值通常是 '/' 生產(chǎn)環(huán)境中，這個值可以根據(jù) vite.con...
-
構(gòu)建生產(chǎn)版本
構(gòu)建工具 不同于 依賴預(yù)構(gòu)建 用到的 esbuild，生產(chǎn)構(gòu)建使用的工具是 rollup. 因?yàn)?rollup 提供了一些特性和優(yōu)勢，特別適合用于生產(chǎn)環(huán)境的代碼打包和優(yōu)化。 ...
-
依賴預(yù)構(gòu)建
依賴預(yù)構(gòu)建是什么？ 一句話總結(jié)：在你首次使用 Vite 啟動項(xiàng)目的時候，會把你的項(xiàng)目依賴預(yù)先構(gòu)建一次。 思考??：前面不是說 Vite 相比 Webpack 的優(yōu)點(diǎn)不就是不打包...
-
vite配置文件
開始使用vite 搭建第一個vite項(xiàng)目 然后按照提示操作即可！ 你還可以通過附加的命令行選項(xiàng)直接指定項(xiàng)目名稱和你想要使用的模板。例如，要構(gòu)建一個 Vite + Vue 項(xiàng)目...
-
初識ViteVite是什么 是腳手架？是構(gòu)建工具？ 首先搞清楚這兩者的定義： 腳手架：幫助我們搭建開發(fā)環(huán)境的項(xiàng)目代碼的工具 構(gòu)建工具：將代碼從開發(fā)環(huán)境構(gòu)建到生產(chǎn)環(huán)境 構(gòu)建工具的發(fā)展： 第...
-
vue-chartjsChart.js傳送門[https://www.chartjs.org/docs/latest/charts/scatter.html]vue-chart傳送門[https:...
-
刪除對象身上值為undefined,null和''的字段
DataNull 函數(shù)的作用是過濾掉對象中值為 null、undefined 或空字符串 ('') 的鍵值對，并返回一個新的對象使用示例: 輸出結(jié)果:
-
搭建 Monorepo 工程
pnpm + workspace 思考 ??：什么是工作空間？ 答案：工作空間可以看作是一個共享的區(qū)域，所有用于工作的資源都可以從這個區(qū)域獲取到。 Monorepo 背后的思想...
-
前端開發(fā)中的樂觀更新
事情的起因是這樣的，在使用react開發(fā)項(xiàng)目的時候，郵箱規(guī)則列表頁面有一個Switch按鈕，點(diǎn)擊按鈕可以切換規(guī)則的啟用或者禁用狀態(tài)，剛開始的做法是：用戶點(diǎn)擊了按鈕之后先改變I...
-
-
vue3 element plus解決在table里預(yù)覽圖片時 圖片被覆蓋的問題問題描述:當(dāng)在table里某一個展示的圖片，點(diǎn)擊圖片可以預(yù)覽，遇到的問題如下所示: 源代碼如下: 解決:在el-image組件上添加如下屬性即可::preview-telep...
-
react核心概念-組件事件
[傳送門](事件處理 – React (reactjs.org)[https://zh-hans.legacy.reactjs.org/docs/handling-event...
-
react核心概念-JSX
JSX 基礎(chǔ)語法 本章主要包括以下內(nèi)容： JSX 基礎(chǔ)語法 createElement 方法 JSX 基礎(chǔ)語法 在 React 中，使用 JSX 來描述頁面。 你可以把類似于...
-
