具體步驟我放到自己的git了
發(fā)簡(jiǎn)信
IP屬地：湖南
-
前端主流的包管理器總結(jié)
一、真正主流（4 個(gè)） npm（Node 官方）地位：基礎(chǔ)標(biāo)配、生態(tài)最廣、兼容性最好特點(diǎn)：隨 Node 自帶，所有項(xiàng)目都認(rèn)適用：新手、老項(xiàng)目、追求絕對(duì)兼容 Yarn（Face...
-
expo沙箱環(huán)境運(yùn)行調(diào)試跨域怎么辦
相關(guān)命令： 如果手機(jī)上安裝的expo客戶(hù)端軟件和電腦運(yùn)行服務(wù)不在同一個(gè)局域網(wǎng)解決辦法： 停止當(dāng)前運(yùn)行的 expo：在終端按 Ctrl + C 停止 npm start。 啟動(dòng)...
-
react中函數(shù)命名規(guī)則
只要函數(shù)內(nèi)部用了 React Hook（useState/useEffect 等） 只能是二選一：返回 JSX → React 組件 → 必須首字母大寫(xiě)（React 組件名稱(chēng)...
-
React組件中步數(shù)+延遲時(shí)間同時(shí)使用到定時(shí)器且修改時(shí)定時(shí)器不暫停
[學(xué)習(xí)react教程中‘將事件從Effect中挑戰(zhàn)第三個(gè)示例’] 修復(fù)問(wèn)題后修改延遲時(shí)間時(shí)候定時(shí)器會(huì)暫停下，我想實(shí)現(xiàn)修改延遲時(shí)間定時(shí)器不暫停方案：
-
React 開(kāi)發(fā)環(huán)境StrictMode嚴(yán)格模式
React 嚴(yán)格模式（StrictMode）在開(kāi)發(fā)環(huán)境下的特殊行為 它會(huì)刻意觸發(fā)組件的「掛載→卸載→重新掛載」流程（僅開(kāi)發(fā)環(huán)境，生產(chǎn)環(huán)境無(wú)此行為），目的是提前暴露代碼中可能存...
-
React useEffect 核心知識(shí)點(diǎn)
一、核心定義（官方準(zhǔn)確定義） 1.執(zhí)行時(shí)機(jī)：組件渲染完成、DOM 已更新、ref 已綁定之后 執(zhí)行（固定時(shí)序，不可改變） 2.觸發(fā)條件：由依賴(lài)數(shù)組控制是否執(zhí)行（不是改變時(shí)機(jī)，...
-
JavaScript 中 Array（數(shù)組）、Object（普通對(duì)象）和 Map 的區(qū)別總結(jié)關(guān)鍵區(qū)別一句話總結(jié)： Array：適合“一組有序數(shù)據(jù)”，強(qiáng)調(diào)順序和位置（索引） Object：適合“已知固定屬性的簡(jiǎn)單對(duì)象”（如配置、用戶(hù)信息），鍵必須是字符串。 Map：適...
-
react + next.js項(xiàng)目本地運(yùn)行調(diào)試瀏覽器控制臺(tái)日志不顯示
場(chǎng)景描述：執(zhí)行pmpm run dev本地運(yùn)行開(kāi)發(fā)調(diào)試項(xiàng)目，然后復(fù)制訪問(wèn)的地址http://192.168.0.180:3000/ 到瀏覽器訪問(wèn)，發(fā)現(xiàn)控制臺(tái)中日志都沒(méi)有了 原...
-
安全操作對(duì)象/數(shù)組 不會(huì)修改原來(lái)的對(duì)象或數(shù)組
強(qiáng)烈推薦使用Immer庫(kù) Immer是什么？ Immer 是一個(gè)輕量級(jí)的 JavaScript 庫(kù)（特別在 React 學(xué)習(xí)中非常常見(jiàn)），它的核心作用是：讓你用“可變”（mu...
-
Next.js 三大核心概念：客戶(hù)端組件 / 服務(wù)端組件 / 服務(wù)器操作 完整總結(jié)
一、核心規(guī)則（最關(guān)鍵） 僅 .tsx / .jsx 組件文件：默認(rèn) = 服務(wù)端組件 普通 .ts / .js 文件：無(wú)默認(rèn)運(yùn)行端，必須寫(xiě) 'use server' 才是服務(wù)器...
-
next.js 服務(wù)器組件/客戶(hù)端組件 嵌套規(guī)則
一、先記住 3 條鐵律（官方規(guī)則） 服務(wù)端組件 (Server Component) = 默認(rèn)，沒(méi)有 'use client' 客戶(hù)端組件 (Client Component...
-
react+next.js工程所有特殊包裹 / 命名規(guī)則匯總表總結(jié) Next.js App Router 中，()/[]/[[...]] 是路由路徑控制的核心語(yǔ)法，分別對(duì)應(yīng)分組、動(dòng)態(tài)參數(shù)、可選動(dòng)態(tài)參數(shù)； (.)xxx/(..)xxx 用...
-
前端核心術(shù)語(yǔ)總結(jié)
一、腳手架 / 工程工具 CRA（Create React App）React 官方腳手架，創(chuàng)建的項(xiàng)目默認(rèn)是 CSR + SPA，打包出純前端靜態(tài)文件。 Vue CLIVue...
-
react tsx怎么解決自動(dòng)推斷類(lèi)型vscode編輯器紅色錯(cuò)誤提示
在tsconfig.json中添加： 如果項(xiàng)目沒(méi)有tsconfig.json則新建然后復(fù)制上面進(jìn)去
-
Mutation和Immutability區(qū)別,如何復(fù)制數(shù)據(jù)進(jìn)行操作保證原始數(shù)據(jù)不變
這兩個(gè)概念是 React（以及很多現(xiàn)代前端框架）的核心，我用通俗易懂的方式給你講清楚，結(jié)合你剛才的代碼例子來(lái)理解會(huì)更直觀 1、 Mutation（突變 / 直接修改） Mut...
-
前端npm和pnpm
1. npm和pnpm是什么？ 兩個(gè)本質(zhì)是兩款不同的包管理工具，核心差異體現(xiàn)在依賴(lài)安裝、存儲(chǔ)和性能等方面。 npm：安裝node后默認(rèn)會(huì)自帶安裝(node安裝時(shí)候默認(rèn)安裝了n...
-
前端項(xiàng)目查看對(duì)應(yīng)依賴(lài)是否安裝?? 檢查依賴(lài)是否安裝的常用命令你可以在項(xiàng)目根目錄的終端中，使用以下幾種命令來(lái)檢查 package.json 里的依賴(lài)是否已經(jīng)安裝： 1. 基礎(chǔ)檢查：查看 node_modul...