前言 serve它可以幫助開發(fā)者快速預(yù)覽項(xiàng)目效果，特別是在前端項(xiàng)目打包后。通過serve包，開發(fā)者可以輕松地在本地環(huán)境中運(yùn)行和測(cè)試他們的靜態(tài)文件，而無需部署到遠(yuǎn)程服務(wù)器。 s...
發(fā)簡(jiǎn)信
IP屬地：上海
-
npm 包 serve 使用
-
為什么 Vite 速度比 Webpack 快？
前言 最近作者在學(xué)習(xí) webpack 相關(guān)的知識(shí)，之前一直對(duì)這個(gè)問題不是特別了解，甚至講不出個(gè)123....，這個(gè)問題在面試中也是常見的，作者在學(xué)習(xí)的過程當(dāng)中總結(jié)了以下幾點(diǎn)，...
-
實(shí)時(shí)消息推送解決方案
1、前言 在日常的開發(fā)中，我們經(jīng)常能碰見服務(wù)端需要主動(dòng)推送給客戶端數(shù)據(jù)的業(yè)務(wù)場(chǎng)景，比如數(shù)據(jù)大屏的實(shí)時(shí)數(shù)據(jù)，比如消息中心的未讀消息，比如聊天功能等等。 本文主要介紹SSE的使用...
-
node實(shí)現(xiàn)自動(dòng)上傳文件
basic-ftp basic-ftp是一個(gè)用于在Node.js中進(jìn)行FTP文件傳輸?shù)哪K。它提供了一組簡(jiǎn)單易用的API，使得在程序中實(shí)現(xiàn)FTP上傳、下載、刪除等操作變得容易...
-
將dist目錄下的文件壓縮成war格式
archiver archiver是一個(gè)用于壓縮文件和文件夾的Node.js模塊，可以將文件和文件夾打包成常見的壓縮格式（如ZIP、TAR、GZIP等），也可以將已經(jīng)壓縮的文...
-
Vite打包性能優(yōu)化以及填坑前言 最近在使用 Vite4.0 構(gòu)建一個(gè)中型前端項(xiàng)目的過程中，遇到了一些坑，也做了一些項(xiàng)目在構(gòu)建生產(chǎn)環(huán)境時(shí)的優(yōu)化，在這里做一個(gè)記錄，以便后期查閱。(完整配置在后面) 分析 ...
-
前端重新部署如何通知用戶刷新網(wǎng)頁(yè)？
1.目標(biāo)場(chǎng)景 有時(shí)候上完線，用戶還停留在老的頁(yè)面，用戶不知道網(wǎng)頁(yè)重新部署了，跳轉(zhuǎn)頁(yè)面的時(shí)候有時(shí)候js鏈接hash變了導(dǎo)致報(bào)錯(cuò)跳不過去，并且用戶體驗(yàn)不到新功能。 2.思考解決方...
-
封裝resize指令
Map 與 WeakMap的區(qū)別 JavaScript 中的 Map 和 WeakMap 提供了類似的功能 ——都是為了存儲(chǔ)鍵值對(duì)——但是它們?cè)谝恍╆P(guān)鍵點(diǎn)上有顯著的不同： 鍵...
-
vue 中動(dòng)態(tài)引入圖片為什么要是 require
相信用過vue的小伙伴，肯定被面試官問過這樣一個(gè)問題：在vue中動(dòng)態(tài)的引入圖片為什么要使用require？ 有些小伙伴，可能會(huì)輕蔑一笑：呵，就這，因?yàn)閯?dòng)態(tài)添加src被當(dāng)做靜態(tài)...
-
CSS透明度之rgba和opacity的區(qū)別
rgba()和opacity都能實(shí)現(xiàn)透明效果，但最大的不同是： opacity作用于元素，以及元素內(nèi)的所有內(nèi)容的透明度，而rgba()只作用于元素的顏色或其背景色。設(shè)置rgb...
-
開源：各種前端設(shè)計(jì)和動(dòng)效，這個(gè)項(xiàng)目里一應(yīng)俱全一、簡(jiǎn)述 經(jīng)過了兩個(gè)月的精心打磨，該項(xiàng)目也趨于穩(wěn)定，我想是時(shí)候與大家見面了，今天就向大家隆重介紹這個(gè)開源項(xiàng)目：visualization-collectio，一個(gè)專注于前端視...
-
CSS中的BFC詳解
引言： 這篇文章是我對(duì)BFC的理解及總結(jié)，帶你揭開BFC的面紗。你將會(huì)知道BFC是什么，形成BFC的條件，BFC的相關(guān)特性，以及他的實(shí)際應(yīng)用。 一、何為BFC BFC（Blo...
-
H5下拉刷新和上拉加載
前言 在移動(dòng)端H5網(wǎng)頁(yè)中，下拉刷新和上拉加載更多數(shù)據(jù)的交互方式出現(xiàn)頻率很高，開源社區(qū)也有很多類似的解決方案，如iscroll，pulltorefresh.js庫(kù)等。下面是對(duì)這...
-
1.發(fā)布-訂閱模式
一、概念 1.定義 發(fā)布-訂閱模式其實(shí)是一種對(duì)象間一對(duì)多的依賴關(guān)系，當(dāng)一個(gè)對(duì)象的狀態(tài)發(fā)生改變時(shí)，所有依賴于它的對(duì)象都將得到狀態(tài)改變的通知。 訂閱者（Subscriber）把自...
-
react搭建后臺(tái)管理系統(tǒng)(上篇)
創(chuàng)建項(xiàng)目 復(fù)制依賴 樣式初始化 可以安裝css庫(kù)來進(jìn)行樣式的初始化，有reset-css、normalize.css,這里安裝reset-css 路徑別名配置 在vite.c...
-
TS小知識(shí)點(diǎn)
TS演練場(chǎng) TS演練場(chǎng)[https://www.typescriptlang.org/zh/play?#code/PTAEiJrQ5+MU3NAYlUAqBPADgUwMoG...
-
SockJS-client 搭建websocket
1、簡(jiǎn)介 SockJS是一個(gè)瀏覽器JavaScript庫(kù)，提供了一個(gè)類似websocket的對(duì)象。SockJS為您提供了一個(gè)連貫的，跨瀏覽器的Javascript API，它...