相關(guān)文章

• 

  React框架創(chuàng)建項目詳細流程-項目的基本配置-項目的代碼規(guī)范

  項目規(guī)范 項目規(guī)范: 在項目中都會有一些開發(fā)規(guī)范和代碼風(fēng)格, 下面介紹一下我采用的規(guī)范與風(fēng)格 文件夾、文件名稱統(tǒng)一小寫、多個單詞以連接符(-)連接, 組件采用大駝峰; JavaScript變量名稱采用小駝峰標(biāo)識，常量全部使用大寫字母; CSS采用普通CSS和styled-component結(jié)合來編寫(全局

  2024年01月16日

  瀏覽(68)
• 

  React框架課時二認(rèn)識項目的結(jié)構(gòu)目錄一

  ├── README.md 使用方法的文檔 ├── node_modules 所有的依賴安裝的目錄 ├── package-lock.json 鎖定安裝時的包的版本號,保證團隊的依賴能保證一致。 ├── package.json ├── public 靜態(tài)公共目錄 └── src 開發(fā)用的源代碼目錄 2 圖片的演示如圖所示 README.md 使用方法的文檔

  2024年02月02日

  瀏覽(17)
• 

  使用vite創(chuàng)建Vue/React前端項目，配置@別名和Sass樣式，又快又方便

  Vite官方網(wǎng)站：Vite | 下一代的前端工具鏈? Vite 并不是基于 Webpack 的，它有自己的開發(fā)服務(wù)器，利用瀏覽器中的原生 ES 模塊。這種架構(gòu)使得 Vite 比 Webpack 的開發(fā)服務(wù)器快了好幾個數(shù)量級。Vite 采用 Rollup 進行構(gòu)建，速度也更快。? 兼容性注意 Vite 需要?Node.js?版本 14.18+，16+。然

  2024年02月14日

  瀏覽(50)

• 前端框架學(xué)習(xí)-React（一）

  React 應(yīng)用程序是由 組件 組成的。 react 程序是用的jsx語法，使用這種語法的代碼需要由babel進行解析，解析成js代碼。 jsx語法： 只能返回一個根元素 所有的標(biāo)簽都必須閉合（自閉和或使用一對標(biāo)簽的方式閉合） 使用駝峰式命名法給大部分屬性命名如：className 大寫字母開頭的

  2024年02月12日

  瀏覽(33)
• 

  前端框架 Nextjs React 部署

  目錄 一、node環(huán)境部署 二、靜態(tài)導(dǎo)出 補充：路由問題 Nextjs打包還是非常方便的，就是網(wǎng)上資料不太全，導(dǎo)致踩了一些坑，下面是我親自實踐的兩種打包方式。 一、node環(huán)境部署 這種方式最簡單，也比較不容易出錯，但部署時服務(wù)器需安裝有node環(huán)境，速度沒話說，杠杠的! 構(gòu)

  2024年02月12日

  瀏覽(23)
• 

  創(chuàng)建react腳手架項目——demo（react18 + react-router 6）+ react項目打包部署

  全局安裝 create-react-app 說明：不建議安裝全局，建議使用 npx 命令安裝，具體可參考官網(wǎng)，如下： 官網(wǎng)： https://zh-hans.legacy.reactjs.org/docs/create-a-new-react-app.html. 1.2.1 問題1——npm ERR! code ENOTFOUND（網(wǎng)絡(luò)問題clashx） 問題描述，如下： 解決問題——方式1 如果使用了clashx，可能是它

  2024年02月07日

  瀏覽(30)
• 

  Vue 和 React 前端框架的比較

  本文研究了流行的前端框架 Vue 和 React 之間的區(qū)別。通過對它們的學(xué)習(xí)曲線、視圖層處理方式、組件化開發(fā)、響應(yīng)式數(shù)據(jù)處理方式和生態(tài)系統(tǒng)及社區(qū)支持進行比較分析，得出了它們在不同方面的優(yōu)劣和特點。該研究對于開發(fā)者在選擇合適的前端框架時提供參考。 Vue 是一款由

  2024年02月13日

  瀏覽(24)

• React與Vue：前端框架的比較

  在前端開發(fā)領(lǐng)域，React和Vue是兩個備受矚目的框架。它們都提供了構(gòu)建用戶界面的強大工具，但它們在實現(xiàn)方式、性能和設(shè)計理念上存在一些關(guān)鍵差異。本文將深入探討這兩個框架之間的主要區(qū)別。 首先，讓我們從數(shù)據(jù)流的角度來看。在Vue中，數(shù)據(jù)流是雙向的，這意味著組件

  2024年01月20日

  瀏覽(16)
• 

  react項目入門，創(chuàng)建項目

  react項目入門，創(chuàng)建項目 第零步，檢查版本 node -v npm -v 1a69c3036bc3aea6d29d2b66fe46602f.jpg 第一步，新建個文件夾，不能中午命名，然后直接拖向code.exe開發(fā)工具 f0e9d25b01c1256f0b168cb255c77c1a.jpg 第二步，創(chuàng)建項目 打開后，點擊左下角圖標(biāo)/或者頂部按鈕終端新建終端，打開命令輸入界面

  2024年02月07日

  瀏覽(23)
• 

  【react】創(chuàng)建啟動react項目和跨域代理：

  1、創(chuàng)建啟動react項目： 2、跨域代理： 【1】文檔：https://create-react-app.dev/docs/proxying-api-requests-in-development/ 【2】src/setupProxy.js:

  2024年02月12日

  瀏覽(21)