Glob 導(dǎo)入?[https://cn.vitejs.dev/guide/features.html#glob-import] Vite 支持使用特殊的 import.met...
發(fā)簡信
IP屬地：上海
-
import.meta.glob用法詳解
-
js多維數(shù)組扁平化
把數(shù)組扁平化[1,2,[3,[4,[9,[1]],5]]]枷餐，結(jié)果[1, 2, 3, 4, 9, 1, 5]方法一 方法二 方法三 方法四flat(depth)ES6的flat...
-
React.createElement在寫React,我們經(jīng)常創(chuàng)建一個(gè)jsx文件鳞芙，在里面編寫代碼就可以了酌畜，我們看看JSX轉(zhuǎn)換后的代碼 實(shí)際調(diào)用的就是React.createElement溯香，直接看里面做了什么 1....
-
React中memo useMemo useCallback的用法和區(qū)別在對 React 項(xiàng)目做性能優(yōu)化的時(shí)候草雕，memeo涩嚣、useMemo伦忠、useCallback 三個(gè)API總是形影不離省核。 一、memo 1.memo作用 在 React 的渲染流...
-
js數(shù)組去重
1.遍歷 多種方法昆码，但原理都是一樣的 2.new Set() ES6 提供了新的數(shù)據(jù)結(jié)構(gòu) Set气忠，它類似于數(shù)組，但是成員的值都是唯一的赋咽，沒有重復(fù)的值旧噪。 Set 本身是一個(gè)構(gòu)造...
-
js找出數(shù)組中最大值和最小值
1.sort排序 2.循環(huán)比較 先假設(shè)第一個(gè)值為最大或者最小值，然后逐一比較 3.Math.max和Math.min es6擴(kuò)展運(yùn)算符 4.reduce方法(類似方法2)
-
js內(nèi)存泄漏及排查詳解常見內(nèi)存泄漏及解決方案 內(nèi)存泄漏（Memory Leak）是指程序中己動態(tài)分配的堆內(nèi)存由于某種原因程序未釋放或無法釋放脓匿，造成系統(tǒng)內(nèi)存的浪費(fèi)淘钟，導(dǎo)致程序運(yùn)行速度減慢甚至系統(tǒng)崩潰等...
-
什么是純函數(shù)
在JavaScript中，純函數(shù)是指在相同的輸入下陪毡，始終產(chǎn)生相同的輸出米母，并且沒有副作用的函數(shù)。純函數(shù)不會修改或依賴于函數(shù)之外的狀態(tài)毡琉，也不會對外部環(huán)境產(chǎn)生任何可觀察的影響铁瞒。 以...
-
-
輸入鏈接到頁面呈現(xiàn)過程發(fā)生了什么
一丐谋、什么是URL芍碧？ URL(Uniform Resource Locator) 叫作統(tǒng)一資源定位符，能夠?qū)σ蛱鼐W(wǎng)的資源進(jìn)行定位号俐。 比如上面這個(gè)就是百度的URL师枣。URL一般有四...
-
useEffect和useLayoutEffect的區(qū)別
react hook面世已經(jīng)有一段時(shí)間了，相信很多人都已經(jīng)在代碼中用上了hooks萧落。而對于 useEffect 和 useLayoutEffect践美，我們使用的最多的應(yīng)該就是u...
-
js宏任務(wù)，微任務(wù)在 JavaScript 引擎中找岖，任務(wù)分為兩種類型：微任務(wù)（microtask）和宏任務(wù)（macrotask）陨倡。 微任務(wù)是指在當(dāng)前任務(wù)執(zhí)行結(jié)束后立即執(zhí)行的任務(wù)，它可以看作是在...
-
react和reactdomreact和reactdom有什么區(qū)別 ReactDom 只做和瀏覽器或DOM相關(guān)的操作许布，例如：ReactDOM.render() 和 ReactDOM.findDOMNod...
-
服務(wù)端渲染的基本原理
前后端分離和服務(wù)端渲染 眾所周知, 我們的頁面, 也就是我們打開的 html 文件也是存儲在服務(wù)器上面兴革，只不過我們在地址欄輸入了地址以后, 會根據(jù)對應(yīng)的規(guī)則找到對應(yīng)的服務(wù)器，...
-
vue3響應(yīng)式原理vue3中，聲明響應(yīng)式狀態(tài)有兩種方式杂曲，ref和reactiveref用于基礎(chǔ)類型（當(dāng) ref 的值是一個(gè)對象時(shí)庶艾，ref() 也會在內(nèi)部調(diào)用reactive()）reactiv...
-
前端如何解決跨域問題，跨域請求如何攜帶cookie一.什么是跨域 1.簡介 跨域分為開發(fā)跨域（開發(fā)環(huán)境跨域）和線上跨域（生產(chǎn)環(huán)境跨域）：開發(fā)環(huán)境跨域：開發(fā)階段前后端工作站不同擎勘，所以ip地址不同咱揍，請求數(shù)據(jù)必然出現(xiàn)跨域問題；生產(chǎn)...
-
長列表優(yōu)化之虛擬列表長列表 用戶端為保證較好用戶體驗(yàn)棚饵，會采用上下無限滾動的方式煤裙，我們一般把這種列表叫做長列表。常見于移動端 長列表的問題：目前看來無限滾動的長列表對用戶來說體驗(yàn)是很好的噪漾，但是這里...
-
git stash暫存硼砰，緊急修復(fù)線上bug
暫存命令的作用 可以將git工作區(qū)的代碼更改暫存，之后就可以執(zhí)行g(shù)it pull欣硼、git merge之類的命令题翰。 暫存 git stash save "暫存的備注"直接執(zhí)行g(shù)...
-
css動畫和js動畫比較
JS動畫（逐幀動畫） 首先，在js動畫是逐幀動畫诈胜，是在時(shí)間幀上逐幀繪制幀內(nèi)容遍愿，由于是一幀一幀的話，所以他的可操作性很高耘斩，幾乎可以完成任何你想要的動畫形式沼填。但是由于逐幀動畫的幀...