tag react

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

@react / 博客 RSS 訂閱

daishuyunshuzhanqianduan 頭像

袋鼠雲數棧UED - redux vs redux-toolkit 及源碼實現

我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理

react , redux-toolkit , redux , 前端

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：8. Taro 是如何使用 webpack 打包構建小程序的？

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

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：9. Taro 是如何生成 webpack 配置進行構建小程序的？

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

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

ruochuan12 頭像

若川 - Taro 源碼揭秘：10. Taro 到底是怎樣轉換成小程序文件的？

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

react , 小程序 , webpack , 前端 , Javascript

收藏 評論

feixi50 頭像

feixi50 - 開始開發 MCP Server

部署 MCP Server 到函數計算 FC 完成 Server 的開發後，你可以通過 Serverless Devs CLI 工具一鍵將你的 MCP Server 部署到函數計算。Serverless Devs 是通過 s.yaml 部署代碼的，其需要包含所有部署需要的信息，包括實例規格、代碼目錄、觸發器配置等等，而 CLI 已經幫你寫好了，因此你不需要在意這些。 在部署之前，還需要對代碼

react , angular , typescript

收藏 評論

chaoqipengbodemogu_eceqzp 頭像

Ming - MetisUI-一套企業級 React-Tailwind 組件庫

Metis UI 的目標是為那些喜歡 Ant Design 的開發者提供一個更靈活的選擇，特別是希望結合 Tailwind CSS 的開發者。我們在保留 Ant Design 組件設計邏輯的基礎上，提供了以下改進： 樣式覆蓋更靈活基於 Tailwind CSS 的樣式體系，開發者可以方便地對組件的各個元素進行樣式覆蓋，無需編寫複雜的自定義樣式，快速實現個性化設計。 增強的交互功能內置了一些

react , tailwind-css , antd , typescript , 前端

收藏 評論

cricis 頭像

好文收藏 - 12 分鐘介紹所有主流 (Web) 框架

本內容是對 Every Web Framework Explained in 12 Minutes 內容的翻譯與整理。 Ruby on Rails Ruby on Rails 是一個基於 Ruby 編程語言開發的服務器端 Web 框架。它誕生於 2004 年，主要用於構建網站。你可以通過它創建和管理數據庫、構建網頁，並在後端進行整體管理。這種架構被稱為 MVC（模型-視圖-控制器）。它還使

astro , react , vue.js , angular , node.js

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 動態tabbar後的tabbar高度獲取

用於做底部懸浮定位，懸浮在tabbar上 在設置tabbar的組件中獲取，利用組件生命週期，獲取tabbar高度，將高度存到本地，用於全局獲取 attached() { let query = wx.createSelectorQuery().in(this); query.select('.custom-tab-bar').bound

react , vue.js , 微信小程序 , 前端 , Javascript

收藏 評論

aion_6356676d25766 頭像

Aion - React Router V7 路由守衞

React Router V7 本身並沒有直接提供內置的路由守衞 API（比如 Vue Router 的 beforeEach），但通過組合其提供的鈎子（如 useNavigate、useLocation）和 React 的組件設計模式，我們可以實現類似的功能，比如權限控制、登錄驗證、數據預加載等場景。 路由守衞 路由守衞是指在路由切換時執行一些邏輯，以決定是否允許導航到目標路由。 常見的場景包括

react , react-native , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - css元素高度佔滿餘下空間

div class="box" div class="box1"/div div class="box2" div style="height: 500px;border: 1px solid gold;" /div /div /div 在css中，div的寬度默認獨佔一行，而高度需要手動設置。 上面的佈局，box 高度 300 box1的高度未

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 解決移動端設備hover樣式不消失問題

下面是一段scss示例： .btn-text { border: 1px solid #cfd5de; transition: all 0.3s; @media (hover: hover) { :hover { color: #006eff; border-color: #006eff; } } :active { col

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 前端頁面單詞、網址溢出換行

效果： 在css中，對文字可以使用：flex-wrap: wrap; 來實現文字溢出換行。 但如果文字是英文、網址，該屬性則無效。 我們需要對英文、網址進行斷字，然後使其換行，下面是mdn的解釋： .company_detail_webaddress{ max-width: 55%; margin-right: 10rpx;

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

收藏 評論

shuirongshui 頭像

水冗水孚 - 面試官：你是前端你瞭解oss嗎？我反手寫了一個react+express+minio實現oss文件存儲功能

我有一個朋友，前端，最近在找工作，面試官就問了他，對oss瞭解嗎，他沒回答上來，於是就有了這篇文章... 介紹 本文簡介 本文使用react實現前端，node的express框架實現後端，搭配開源的minio 實現一個oss文件存儲服務功能 有助於前端更好地理解文件存儲的過程 完整項目代碼：https://github.com/shuirongshuifu/react-node-mini

express , react , node.js , minio

收藏 評論

faurewu 頭像

昭福前端語錄 - 一套代碼構建B端企業管理系統跨端方案——從原理到落地解決方案

前言 大家好，這些年來設計系統一直停留在歷史的某個時間點，缺乏創新，缺乏活力，難以有讓人眼前一亮的東西展現，但它並沒有停滯不前，我們一直致力於從一些獨特的角度重新審視和認識設計系統，通過梳理和理解組件的本質，抽象原子化組件，嚴格執行展示層與交互層的分離方式，使組件能夠更好的融合跨端設計，同時深度結合設計語義與前端代碼，確保整個系統的交互和代碼唯一性，目前我們已有一套基礎設施對外開源，歡迎大家的持續

react , 前端工程化 , 前端框架 , 設計原則 , 多端開發

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 原生微信小程序響應式數據

原生微信小程序提供兩種響應式數據處理方式 1、module:value="{{ xxx }}" 2、setData module:value 第一種方式為簡易雙向綁定，這種雙向綁定只能對應data中的簡單數據類型，例如：string、number、boolean、null，例如： data: { keyword: '' // data中直接定義 }, 頁面用module:va

react , vue.js , 微信小程序 , 前端 , Javascript

收藏 評論

chencaize 頭像

點墨 - React 中使用 ECharts 報錯 "series not exists"

問題現象 在 React 項目中使用 ECharts 時，控制枱報錯： series not exists. Legend data should be same with series name or data name 但已確認 legend.data 與 series.name 完全匹配，代碼邏輯看似正確。 問題根源 未正確註冊 ECharts 圖表組件。自 ECharts 5 起，官方採

react , echarts , Javascript

收藏 評論

paul-scanlon 頭像

Paul Scanlon - How To Create Dynamic Donut Charts With TailwindCSS And React

CSS is amazing — I’m regularly surprised at how far it has come in the years I’ve been using it (~2005 – present). One such surprise came when I noticed this tweet by Shruti Balasa which demonstrate

react , Techniques , Css , svg

收藏 評論

wszgrcy 頭像

wszgrcy - 通用表單解決方案---皮影

皮影為不同框架提供統一的表單開發體驗 使開發者更加關注於邏輯和佈局,從瑣碎事物中解放出來 皮影的相關設置更加語義化,減少開發心智;並允許自定義封裝 皮影完全兼容valibot的所有Action,可以完美的利用其驗證及轉換機制 文檔 感性的認識可能會讓您更快的體驗到皮影的魅力,網站上實現了大量的用例,方便您快速瞭解皮影 https://piying-org.github.io/we

react , vue.js , angular , typescript , 前端

收藏 評論

wszgrcy 頭像

wszgrcy - 我開源了一個表單庫 - 元數據定義一次,即可渲染

我查看了市面上所有的表單庫,都有一個致命的缺點,定義多次才能實現表單 比如,像下面的代碼(偽代碼) interface Test { firstName: string; } const form = useFormTest({ defaultValues: { firstName: "default", }, onSubmit: async ({ value }

react , vue.js , angular , typescript , Javascript

收藏 評論

zohocrm 頭像

Python最棒 - 2025年免費CRM客户管理軟件推薦

2025年值得推薦的免費CRM客户管理軟件包括功能全面的Zoho CRM客户管理軟件、用户友好的HubSpot CRM客户管理軟件、多功能集成的Bitrix24、專注銷售的Freshsales和結合項目管理的Insightly，它們各自針對不同企業需求提供了獨特的解決方案。 對於預算有限的中小企業和初創公司而言，選擇一款功能強大且免費的CRM客户管理軟件尤為重要。2025年市場上有許多免費的CRM

react , objective-c

收藏 評論

shuirongshui 頭像

水冗水孚 - 面對業務需求，多思考一下如何更好實現，不要成為麻木的前端npm調包俠

前言 前段時間，有一個業務需求，就是要實現類似excel單元格可以選中的需求，需求如下： ✅ 單擊切換選中狀態 ✅ 按住Ctrl鍵進行拖拽多選 ✅ 禁用項處理 ✅ 右鍵清空所有選中 ✅ 連續選中的視覺效果優化（邊框合併處理） 效果圖 線上預覽地址：https://ashuai.site/reactExamples/verticalSelection github地址：https:/

react , jsx , npm

收藏 評論

zohocrm 頭像

Python最棒 - 什麼是銷售管理系統?哪家銷售管理系統可靠

什麼是銷售管理系統？銷售管理系統即專注於銷售流程與客户資源管理的系統，是一種集成的軟件系統，用於管理公司與其現有客户和潛在客户的互動及銷售全流程。通過銷售管理系統，企業可以有效地組織、自動化和同步銷售、市場營銷、客户服務和技術支持等功能。在現代商業環境中，銷售管理系統已經成為企業提升銷售效率、優化客户資源利用的關鍵因素之一。隨着科技的進步和市場競爭的加劇，企業對銷售管理系統的需求日益增長。本文將深

react , angular , Javascript

收藏 評論

potato1314 頭像

potato1314 - 本人前端兼職(效率高、有責任心)

擅長技術：Vue、React、Uniapp、nuxt、小程序開發、公眾號開發、後台管理系統開發、Nodejs、Java 10年多工作經驗 聯繫方式微信:wang-de-love

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

收藏 評論

shuirongshui 頭像

水冗水孚 - 圖文並茂：從Ubuntu服務器上安裝Ollama，到下載大模型，到寫前端頁實現大模型問答對話功能

本文圖文並茂，記錄安裝 Ollama過程，下載大模型，啓動ollama大模型服務，然後通過nginx代理外部請求訪問，實現一個前端問答效果 準備工作 一台服務器，操作系統 Ubuntu，版本大於等於 20.04，筆者的是 Ubuntu 22.04 64 bit 當然了 有域名最好 一個圖形可視化化鏈接服務器軟件，筆者推薦 winscp 一架梯子，筆者用的是，clash小貓 效果圖 效

react , ai開發 , Nginx , 大模型 , Ubuntu

收藏 評論