tag react

標籤
貢獻252
298
05:50 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 sysu_xuejia 頭像 refanbanzhang 頭像 data_ai 頭像 changlina 頭像 ruochuan12 頭像 zzd41 頭像 jackysummer 頭像 tosmile 頭像 icecreamlj 頭像 shuirongshui 頭像 assassin 頭像

@react / 博客 RSS 訂閱

sky124380729 頭像

sky124380729 - create-react-app 初始化 React 工程，配置工具鏈，以及如何改多頁應用

在新建一個react工程的時候，對於新手或者不需要非常複雜的配置的時候，直接使用create-react-app新建一個項目是最佳選擇。 然而事實上create-react-app大多數還是幫我們簡化了webpack的配置，對於一個稍微大型的工程，或者需要多人協作的工程來説，工具鏈的配置也是必不可少的。比如提交代碼前格式化驗證，git提交信息的驗證，已經保存自動做格式化等等。 本文介紹了crea

react , eslint , create-react-app , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - antd/fusion表格增加圈選複製功能

背景介紹 我們存在着大量在PC頁面通過表格看數據業務場景，表格又分為兩種，一種是 antd / fusion 這種基於 dom 元素的表格，另一種是通過 canvas 繪製的類似 excel 的表格。 基於 dom 的表格功能豐富較為美觀，能實現多表頭、合併單元格和各種自定義渲染（如表格中渲染圖形 / 按鈕 / 進度條 / 單選框 / 輸入框），以展示為主，不提供圈選、整列複製等功能。 canv

react , ant-design , table , 前端 , Javascript

收藏 評論

changlina 頭像

長林啊 - Next.js Font 組件怎麼玩？最佳實踐分享

大家好，我是長林啊！一個愛好 JavaScript、Go、Rust 的全棧開發者和 AI 探索者；致力於終生學習和技術分享。 本文首發在我的微信公眾號【長林啊】，歡迎大家關注、分享、點贊！ 前面的文章介紹了 Script 組件和 Link 組件，今天我們來看看 Font 組件。在 Web 開發中，字體是一個常常被忽視但至關重要的元素。它不僅影響網站的可讀性和用户體驗，還體現了品牌的個性和風格。選擇

react , next.js , 前端

收藏 評論

_58cdce09b309f 頭像

麗媛兒 - GridManager 表格的使用場景總結

GridManager 庫地址：http://gridmanager.lovejavascript.com/index.html 本文旨在説明 GridManager 的使用技巧，如果想了解其配置使用，詳見文檔説明 https://gridmanager.lovejavascript.com/api/index.html 1. 基礎使用—動態數據表格 export default class Ap

react , table , grid , 前端

收藏 評論

er_5ca0f5e1ce9ab 頭像

汶二 - onetools.online 新功能更新<版本2>

https://onetools.online/新增7個類型工具，並優化了文本對比工具的實現，文本對比工具使用了Monaco Editor，有些資源需要依賴外網，如果加載不出來開下VPN翻牆。 一、IP地址查詢工具 包含IP地址查詢、域名IP查詢、和域名Whois信息查詢三個工具，居中顯示你的IP地址和地理位置信息。實時檢測IP地理位置、域名解析IP及完整Whois信息。支持Country

react , node.js , next.js , Css , 前端

收藏 評論

ponponon 頭像

universe_king - 2025年使用 npx + expo + react native 創建一個項目

為什麼要用 expo ？因為 react native 官方推薦的 為什麼要用 npx？因為 expo 官方推薦的 怎麼用呢？看 expo 的官方文檔：https://docs.expo.dev/ npx create-expo-app@latest 這裏需要注意，如果你問 chatgpt，會得到 npm install -g expo-cli 來安裝, 但是這樣方式已經過期了，不要再用了 ─➤

react , yarn , expo

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端AI流式輸出深度思考<think>標籤分割

假如我們有這麼一段ai回覆的內容 let text = "think\n好的，用户想了解如何判斷手機攝像頭是否是湊數的，希望我用直白易懂的語言來解釋。這個問題需要從實用角度出發，幫助用户識別那些功能冗餘或性能低下的攝像頭。\n我看到的搜索結果提供了很多有價值的信息。根據，湊數攝像頭通常是指那些功能可以被其他攝像頭或算法替代的鏡頭，比如低像素的景深或微距鏡頭。進一步解釋瞭如何通過反證法來判斷：如果去

react , vue.js , HTML , 前端 , Javascript

收藏 評論

heiyanjing 頭像

HeiYanjing - 迷你版React實現分析

Virtual Dom和Diff算法 React.creaeElement() Babel 會對將 JSX 編譯為 React API(React.creaeElement())，React.creaeElement()會返回一個Virtual Dom,React會將Virtual Dom轉換為真是Dom，顯示到頁面中。 jsx轉換為Virtual Dom結構，type,props,chil

react , virtual-dom , diff

收藏 評論

tudou_5e2d76940fbaa 頭像

風不識途 - 🔥基於React全家桶開發「網易雲音樂PC」項目實戰(一)

網易雲音樂PC項目實戰 項目簡介 1.項目介紹 項目使用到的技術棧 CSS使用Flex進行佈局 配置路徑別名使用: carco 項目路由使用: react-router來管理 使用react-router-config集中式路徑映射表管理 使用styled-components+普通的css編寫樣式 使用axios發送網絡請求 項目全面擁

react , redux , immutable-js , Axios , react-router

收藏 評論

carloslab 頭像

Carlos - 使用 Vite + React 進行本地編譯與測試

Vite 是一個快速、輕量級的構建工具，旨在提供極致的開發體驗。本文將展示如何在使用 React 和 Vite 的項目中進行本地編譯、測試以及預覽。 初始化項目 假設你已經成功使用 Vite 和 React 初始化了一個項目，並完成了開發，現在你希望能夠將項目進行本地構建並進行測試。 本地構建項目 在項目根目錄中，通過以下命令構建項目： npm run build 這將觸發 Vite

react , 全棧 , vite , 前端 , Javascript

收藏 評論

godbmw 頭像

xintan - 一文説清「VirtualDOM」的含義與實現

專注前端與算法的系列乾貨分享，歡迎關注(¬‿¬)： 「微信公眾號：心譚博客」| xin-tan.com | GitHub 摘要 隨着 React 的興起，Virtual DOM 的原理和實現也開始出現在各大廠面試和社區的文章中。其實這種做法早在 d3.js 中就有實現，是 react 生態的快速建立讓它正式進入了廣大開發者的視角。 在正式開始前，拋出幾個問題來引導思路，這些問題也會在不

react , ecmascript-6 , 算法 , virtual-dom , Javascript

收藏 評論

dkluge 頭像

DKluge - 純前端實現完美摳圖

瀏覽器端 AI 摳圖技術實現詳解 前言 本文講解如何在瀏覽器端實現 AI 摳圖功能，無需後端服務器，完全在客户端完成圖像分割處理。核心使用 @imgly/background-removal 庫，基於 ONNX Runtime 和 WebAssembly 技術。 技術原理 核心技術棧 @imgly/background-removal: 封裝好的圖像分割庫 ONNX Runtime

react , node.js , 摳圖 , HTML , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：5.高手都在用的發佈訂閲機制 Events 在 Taro 中是如何實現的？

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-08-18），taro 4.0 正式版

react , 微信小程序 , taro , 前端 , Javascript

收藏 評論

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - 你應該瞭解的hooks式接口編程 - useSWR

什麼是 useSWR ? 聽名字我們都知道是一個 React 的 hooks，SWR 是stale-while-revalidate的縮寫, stale 的意思是陳舊的, revalidate 的意思是重新驗證/使重新生效, 合起來的意識可以理解成 在重新驗證的過程中先使用陳舊的，在http 請求中意味着先使用已過期的數據緩存，同時請求新的數據去刷新緩存。 這在 http 請求中Cache-Con

react , hooks , 前端

收藏 評論

ericrozell 頭像

Eric Rozell - Building Hybrid Apps With ChakraCore

There are many reasons to embed JavaScript capabilities into an app. One example may be to take a dependency on a JavaScript library that has not yet been ported to the language you’re developing in

react , mobile , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - React+TypeScript 組件庫開發全攻略：集成Storybook可視化與Jest測試，一鍵發佈至npm

平時我除了業務需求，偶爾會投入到UI組件的開發中，大多數時候只會負責自己業務場景相關或者一小部分公共組件，極少有從創建項目、集成可視化、測試到發佈的整個過程的操作，這篇文章就是記錄組件開發全流程，UI組件在此僅作為調試用，重點在於集成項目環境。 組件 我們使用 React + TypeScript 來開發UI組件庫，為了簡化 webpack 環境和 Typescript 環境配置，這裏直接使用 c

react , jest , storybook , npm , 前端

收藏 評論

taoxiaoyao 頭像

桃小妖 - 基於React腳手架搭建React + dva+typescript+ webpack + less

基於React腳手架搭建React + dva + webpack + less Mac react-create-app 創建react項目及typescript，react-create-app需要自己安裝配置，不贅述 npx create-react-app [app0729-自定義文件名] --typescript 執行yarn start 可以看到默認頁面了~

react , less , dva.js , typescript , Web

收藏 評論

thepoy 頭像

thepoy - 微信小程序 taro + react + antv-f2 繪製圖表

事先説明，antv f2 雖然專為移動端設計，但當前文檔還是個草稿，只看文檔可能各種報錯。而且據我使用，有些功能是缺失的，比如文檔中寫的事件支持，我是沒能成功觸發。所以 antv f2 對於只顯示數據、只使用基本交互，不需要添加自定義事件的業務很適用，否則換 echarts 吧。 效果圖如下（上傳的 apng 被思否壓縮破壞了動態性，可點擊鏈接直接打開動態圖）： 查看圖片 1 安裝依賴 pnpm

react , 小程序 , taro , 圖表

收藏 評論

refanbanzhang 頭像

熱飯班長 - 如何使用Github Pages發佈自己的個人網頁？

基礎流程 創建倉庫 創建一個倉庫名為賬户名.github.io。 比如我的賬户名為refanbanzhangwork，那麼我的倉庫名就填寫：refanbanzhangwork.github.io。 其他位置保持默認就好了，然後點擊Create repository按鈕。 創建index.html 上一步點擊創建倉庫按鈕之後，會來到倉庫頁面，在這裏，我們點擊creating a

react , vue.js , github-pages , github , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：6. 為什麼通過 Taro.xxx 能調用各個小程序平台的 API，如何設計實現的?

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。從 2021 年 8 月起，我持續組織了好幾年的每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（6k+人）第一的專欄，寫有幾十篇源碼文章。 截至目前（2024-08-28），taro 4.0 正式版

react , 微信小程序 , taro , 前端 , Javascript

收藏 評論

maxstoiber 頭像

Max Stoiber - How To Scale React Applications

We recently released version 3 of React Boilerplate, one of the most popular React starter kits, after several months of work. The team spoke with hundreds of developers about how they build and sca

react , Tools , coding , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序文件下載-自定義文件名

在微信小程序端是無法直接下載文件的，對於docx、excel、pdf等文件都是通過臨時緩存+打開的方式保存到本地 默認下載 const openFile = (url,fileType) = { uni.downloadFile({ url: url, success: function (res) { let filePath =

react , vue.js , HTML , 前端 , Javascript

收藏 評論

zzd41 頭像

superZidan - React 編譯器還能這樣？！

hello 大家好，我是 superZidan，這篇文章想跟大家聊聊 React 編譯器 ，如果大家遇到任何問題，歡迎 聯繫我或者直接微信添加superZidan41 🔥🔥🔥前方高能，乾貨滿滿，建議點贊➕關注➕收藏； React 19 和 React 編譯器（此前稱作React Forget）最近一個月成為了 React 社區熱議的焦點。大家都對於可能很快就不必再在 React 中糾結於記憶

性能優化 , react , 記憶 , 編譯器 , Javascript

收藏 評論

carloslab 頭像

Carlos - React 的單向數據流

React 的單向數據流 React 的單向數據流（One-way Data Flow）指的是組件中的數據流動是自上而下的，也就是説，父組件可以通過 props 向子組件傳遞數據，而子組件不能直接修改父組件的狀態。數據只能沿着組件樹從父組件流向子組件，任何需要更新的數據必須由父組件通過狀態提升或者回調函數來處理。 單向數據流的優點 可預測性強： 由於數據流動是單向的，數據從父

react , 全棧工程師 , 前端

收藏 評論