掃碼機器人：手機就是你的掃碼器
在日常工作中，掃碼是一件頻繁發生的事情：倉庫要清點貨物，店鋪要核對庫存，網店要對照快遞單號。常見的做法是使用 ERP 系統和掃碼槍，但這類方案並不適用於所有人。 對很多小企業來説，沒有配套系統，掃碼槍數量也有限。一些個人或小團隊，只是偶爾需要核對幾十件貨品或快遞單號，採購專業設備並不划算。但如何選擇人工逐條核對，效率低、出錯率高，也不利於留存和追溯。 在這些情況下，只需要一部手機，便可以完成大部分
昵稱 温文爾雅敲代碼
動態
uniapp絲滑實現主題切換功能的方式（全兼容）
記得剛畢業實習的時候，第一個需求就是如何實現小程序的主題切換。大家都知道，剛畢業的時候，啥也不會，一通亂改，還好最後老闆不計劃把原來的老的小程序改為uniapp寫，不然，我怕剛進公司就得被踢出公司。 話説回來，在職場摸爬滾打之後，最近正在做一款工具類的小程序 ToolMaster，剛好就想到了做一下主題色的切換。目前已經出效果了，起碼兼容微信小程序平台，大家也都知道微信小程序的情況，所以我覺得全平
昵稱 前端小李子
三角洲行動代肝跑刀接單平台:嶄新升級系統全程保駕護航（小程序/公眾號/app多端同步）只為代練而生！
一.技術選型： • 系統基於TP6+Uniapp框架開發，客户移動端採用uniapp開發，管理後台採用TP6技術。 • 支持微信公眾號、微信小程序、H5、PC多端賬號同步，可快速打包生成APP。 • 代練系統是繼承V1.0-V3.0版本迭代而來集合優秀功能和個性UI的軟件，完全適配代練服務領域使用。 技術交流和諮詢：【→→→系統功能演示和源碼體驗←←←】 二.適用領域： • 代練公
昵稱 duokeli
Redux 簡介
Redux Store 創建 Redux 是一個狀態管理框架，可以與包括 React 在內的許多不同的 Web 技術一起使用。 在 Redux 中，有一個狀態對象負責應用程序的整個狀態， 這意味着如果有一個包含十個組件且每個組件都有自己的本地狀態的 React 項目，那麼這個項目的整個狀態將通過 Redux store 被定義為單個狀態對象， 這是學習 Redux 時要理解的第一個重要原則：Red
昵稱 Mitchell_C
對於“前端狀態”相關問題，如何思考比較全面
大家好，我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了？前端應該跟着React走還是跟着JS、TS走？- beeplin的回答。 在這個回答的基礎上，我想引申出一個問題 —— 對於前端狀態相關問題，如何思考比較全面？ 今天，我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣，帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之，在他們
昵稱 卡頌
React狀態管理庫現狀
狀態管理的產生 為什麼需要狀態管理 狀態管理伴隨着現代前端框架的崛起而誕生，在經典的單頁應用中，組件內部狀態隨着組件的掛載而產生，銷燬而銷燬，全局狀態則隨着應用掛載而一直存在，這時候，全局狀態的共享，傳遞，變更就被抽離出來成了一個通用的解決方案。 Vue與React都有較為簡單的全局狀態管理策略（Store模式，Context），但是當應用足夠複雜，全局狀態較多的時候，還是需要第
昵稱 折丹
再見了 Redux、Recoil、MobX、Zustand、Jotai 還有 Valtio，狀態管理還可以這樣做？
堅持在一線寫前端代碼大概有七八年了，寫過一些項目，有過一些反思，越來越確信平日裏一直用得心安理得某些的東西也許存在着問題，比如：在 狀態管理 上一直比較流行的實踐 🙏，所以試着分享出來探討一下。 為什麼要告別 Redux、Recoil、MobX、Zustand、Jotai 還有 Valtio 今天流行的狀態管理庫有很多，尤其在 React 中。為了把問題説得清晰一些，我想以 React 中的幾個
昵稱 烏柏木
基於zustand維護的一套跨框架(react/vue)跨應用的狀態管理及共享方案
zustand-pub 只要從事前端開發，不論是小程序還是web，都繞不開狀態管理。\ 眾所周知， zustand 是一套輕量、便捷、可拓展的狀態管理方案，不論國內 or 國外，都備受喜愛，star 數已接近 3W。 而 zustand-pub 則基於zustand為Iframe、微前端、Module Fedetation、模塊化、組件化等業務場景，提供跨應用、跨框架的狀態管理及狀態共享能力
昵稱 daivon
再聊 Reducer Context 和 Redux
原文鏈接 這是一次突發奇想的感悟，感覺還挺神奇的，遂記錄一下。 前言 作為一個React的開發者已經蠻久的了，大大小小的應用也開發了不少，除了一開始學習React時用過Redux以外，後來基本都不碰了，不管多麼複雜的應用，我也簡單的覺得使用Context就能夠解決我所有的問題。説來慚愧，我基本沒有思考過Redux存在的原因，可能是React真的做的太好了，又或者是我們現在的設備性能已經嚴重
昵稱 青湛
Redux
Redux類適用所有React生態項目 import { applyMiddleware, combineReducers, legacy_createStore as createStore, Store, compose, } from "redux"; import thunk from "redux-thunk"; import {connect,
昵稱 perkz
C-Shopping基於Next.js，開源電商平台全新亮相
嗨，大家好！歡迎來到C-Shopping，這是一場揭開科技面紗的電商之旅。我是C-Shopping開源作者“繼小鵬”，今天將為你介紹一款基於最新技術的開源電商平台。讓我們一同探索吧！ 在線體驗：http://shop.huanghanlian.com/ 項目傳送門：https://github.com/huanghanzhilian/c-shopping 如果你覺得有幫助，請給我一個Star，這
昵稱 繼小鵬
為什麼能用 RxJS 取代 Redux ？
RxJS 在現在的前端用比較少，但是 RxJS 作為響應式和函數式編程的集大成者，似乎被前端開發者遺忘，可能是學習難度大，可能是有更加方便的解決方案。 不是因為 Redux 更具有性價比，而是 RxJS 可以打開更大的 JS 生態空間 下面我們先回顧一下 Redux 是如何運作開始。 一、Redux 創建一個 Store 做了哪些事情？ 以上是一個簡單的 Redux 的工作流。從 redu
昵稱 進二開物
Next.js 14集成next-auth(v5)和redux-toolkit最佳實踐
前言 自從next.js14發佈之後，app router變成了官網主推的架構區別於pages router的傳統架構，app router更適合最新的react，於是自己動手把next-auth、redux-toolkit、ant-design、tailwindcss也一同集成進來，分享給大家，如果有錯誤之處歡迎大家指正。 操作 1、創建項目 使用下面命令創建項目，並且選擇tailwind cs
昵稱 Awbeci
redux教程2024
redux教程2024 1.安裝redux yarn add redux /npm i redux 2.創建目錄 action/reducer/store 3.編寫action const sendAction=()={ return { type:'send_type', value:'i am action' } } module.exports
昵稱 阿芯愛編程
Redux Toolkit：簡化Redux應用狀態管理
Redux Toolkit 是官方推薦用來簡化Redux開發的工具集。它包含了一些預設的最佳實踐，使得創建和管理Redux狀態變得更簡單。 1. 創建Store 使用configureStore函數來創建Redux store，它會自動配置中間件，如redux-thunk用於處理異步操作。 import { configureStore } from '@reduxjs/toolkit';
昵稱 天涯學館
React 相關插件之 Redux 基本使用入門
引入和定義 首先，你需要創建Store實例並暴露出來： // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo
昵稱 zxl20070701
duxapp放棄了redux，在duxapp中局部、全局狀態的實現方案
全局狀態 全局狀態是一個很實用的功能，例如管理用户信息，組件間狀態共享等功能都需要用到全局狀態，react有很多成熟的全局狀態管理工具，但是很多寫起來太過麻煩，duxapp提供了幾種應對不同場景的全局狀態的方案，當然如果你需要其他全局狀態，可以自行集成 局部全局狀態 這種全局狀態方案的使用場景，在於父子組件之間的狀態共享 import { contextState } from '@/duxapp
昵稱 ShaoGongBra
深入解析：React中的信號組件與細粒度更新
引言 在主流的前端開發框架中，無論是React、Vue還是Svelte，核心都是圍繞着更高效地進行UI渲染展開的。 為了實現高性能，基於DOM總是比較慢這個假設前提，其最核心的要解決的問題有兩個： 響應式更新 細粒度更新 為了將響應式更新、細粒度更新優化到極致，各種框架是八仙過海，各顯神通。以最流行的React和Vue為例， 首先兩者均引入了Virtual DOM的概念。 Vue的靜
昵稱 zhangfisher
redux vs redux-toolkit 及源碼實現
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理
昵稱 袋鼠雲數棧UED
解析Html Canvas的卓越性能與高效渲染策略
一、什麼是Canvas 想必學習前端的同學們對Canvas 都不陌生，它是 HTML5 新增的“畫布”元素，可以使用JavaScript來繪製圖形。 Canvas元素是在HTML5中新增的標籤用於在網頁實時生成圖像，並且可以操作圖像內容，基本上它是一個可以用JavaScript操作的位圖（bitmap）。Canvas 由一個可繪製區域HTML代碼中的屬性定義決定高度和寬度。JavaScript代碼
昵稱 葡萄城技術團隊
使用canvas對圖片進行標註
前言 我們的圖像標註系統中，標註的時候，每人需要一個容器（docker），需要把數據推到去LabelStudio裏面去標註，利用webhook回推標註好的數據。 Canvas的使用，當選中某個矩形框的時候，會變成藍色。 畫布大小 設置的是，圖片有多大，畫布就有多大,然後以畫布的中心點對齊。默認是左上角對齊 this.ctx.drawImage(this.image, -this.image
昵稱 zZ_jie
“山寨版”《草料二維碼》
背景 之前瀏覽過草料二維碼的網站，他的二維碼美化功能很強大，可以分別自定義碼眼和碼點的形狀和顏色，功能十分強大 💪！ 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨🦱 問我能否實現不同樣式的二維碼，剛好以此作為新需求，模仿草料二維碼的樣式和功能，開發了 qrcode-wit
昵稱 suporka
canvas實現一個部分滾動，特殊圖表
餅圖直接用echarts，但下面的只能自己實現了。 !DOCTYPE html html lang="zh-cn" head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" titlecanvasLine/title /head style
昵稱 smallStone
手把手教你繪製小程序海報
海報分享功能在許多應用中應該是很常見的，因為它作為一種常用的應用推廣和拉新的方式。 接下來看個實際的案例，如下： 把任務拆解下： 如何繪製海報 如何把繪製後的海報保存到相冊 繪製海報 用 canvas 來繪製海報。 這裏需要了解基本的 canvas api，不熟悉可以先去了解下相關 Canvas API 定義 canvas 元素 template view class="
@renzhongdaoyuan_59170ca258c53
昵稱 零一行者