博客 RSS 訂閱

guoduandemuer 頭像

世説鷹語 - 微信小程序：酒店預訂管理系統

🏨 現代化酒店管理系統 項目概述 這是一個基於現代Web技術棧構建的全棧酒店管理系統，旨在為酒店行業提供完整的數字化解決方案，通過技術創新提升酒店運營效率和客户體驗。系統採用前後端分離架構，結合了成熟的企業級框架和現代化的用户界面設計，為酒店運營管理和客户服務提供了強有力的技術支撐。 🎯 核心特性 業務功能 客房管理 - 房型配置、房間狀態管理、價格策略 預訂系統 - 在線預訂、訂單管理

微信 , 微信小程序 , vue3 , JAVA

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 微信小程序端智能項目工程化實踐

作者： vivo 互聯網大前端團隊- You Chen 本文介紹可以在微信小程序上應用的端智能技術方案，聚焦TensorFlow.js推理和微信原生推理，詳細講解這兩種方案在項目中的應用過程，為小程序開發者提供可複用的端智能技術選型策略與工程化解決方案。 1分鐘看圖掌握核心觀點👇 本文提供配套演示代碼，可下載體驗： Github |weixin-mini-ai 一、背景 隨着AI浪潮的

微信小程序 , 人工智能 , 前端

收藏 評論

wenweneryadedahuoji 頭像

温文爾雅敲代碼 - 掃碼機器人：手機就是你的掃碼器

在日常工作中，掃碼是一件頻繁發生的事情：倉庫要清點貨物，店鋪要核對庫存，網店要對照快遞單號。常見的做法是使用 ERP 系統和掃碼槍，但這類方案並不適用於所有人。 對很多小企業來説，沒有配套系統，掃碼槍數量也有限。一些個人或小團隊，只是偶爾需要核對幾十件貨品或快遞單號，採購專業設備並不划算。但如何選擇人工逐條核對，效率低、出錯率高，也不利於留存和追溯。 在這些情況下，只需要一部手機，便可以完成大部分

微信小程序

收藏 評論

jidongdehai_co4lxh 頭像

前端小李子 - uniapp絲滑實現主題切換功能的方式（全兼容）

記得剛畢業實習的時候，第一個需求就是如何實現小程序的主題切換。大家都知道，剛畢業的時候，啥也不會，一通亂改，還好最後老闆不計劃把原來的老的小程序改為uniapp寫，不然，我怕剛進公司就得被踢出公司。 話説回來，在職場摸爬滾打之後，最近正在做一款工具類的小程序 ToolMaster，剛好就想到了做一下主題色的切換。目前已經出效果了，起碼兼容微信小程序平台，大家也都知道微信小程序的情況，所以我覺得全平

vue.js , 微信小程序 , uniapp , 前端

收藏 評論

duokeli 頭像

duokeli - 三角洲行動代肝跑刀接單平台:嶄新升級系統全程保駕護航（小程序/公眾號/app多端同步）只為代練而生！

一.技術選型： • 系統基於TP6+Uniapp框架開發，客户移動端採用uniapp開發，管理後台採用TP6技術。 • 支持微信公眾號、微信小程序、H5、PC多端賬號同步，可快速打包生成APP。 • 代練系統是繼承V1.0-V3.0版本迭代而來集合優秀功能和個性UI的軟件，完全適配代練服務領域使用。 技術交流和諮詢：【→→→系統功能演示和源碼體驗←←←】 二.適用領域： • 代練公

微信小程序 , 二次開發 , 開源軟件 , uniapp , php框架

收藏 評論

risejl 頭像

Mitchell_C - Redux 簡介

Redux Store 創建 Redux 是一個狀態管理框架，可以與包括 React 在內的許多不同的 Web 技術一起使用。 在 Redux 中，有一個狀態對象負責應用程序的整個狀態， 這意味着如果有一個包含十個組件且每個組件都有自己的本地狀態的 React 項目，那麼這個項目的整個狀態將通過 Redux store 被定義為單個狀態對象， 這是學習 Redux 時要理解的第一個重要原則：Red

redux , 前端

收藏 評論

kasong 頭像

卡頌 - 對於“前端狀態”相關問題，如何思考比較全面

大家好，我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了？前端應該跟着React走還是跟着JS、TS走？- beeplin的回答。 在這個回答的基礎上，我想引申出一個問題 —— 對於前端狀態相關問題，如何思考比較全面？ 今天，我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣，帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之，在他們

react , vue.js , mobx , redux , 前端

收藏 評論

zhedan_sam_wan9 頭像

折丹 - React狀態管理庫現狀

狀態管理的產生 為什麼需要狀態管理 狀態管理伴隨着現代前端框架的崛起而誕生，在經典的單頁應用中，組件內部狀態隨着組件的掛載而產生，銷燬而銷燬，全局狀態則隨着應用掛載而一直存在，這時候，全局狀態的共享，傳遞，變更就被抽離出來成了一個通用的解決方案。 Vue與React都有較為簡單的全局狀態管理策略（Store模式，Context），但是當應用足夠複雜，全局狀態較多的時候，還是需要第

react , mobx , redux

收藏 評論

wubomu 頭像

烏柏木 - 再見了 Redux、Recoil、MobX、Zustand、Jotai 還有 Valtio，狀態管理還可以這樣做？

堅持在一線寫前端代碼大概有七八年了，寫過一些項目，有過一些反思，越來越確信平日裏一直用得心安理得某些的東西也許存在着問題，比如：在 狀態管理 上一直比較流行的實踐 🙏，所以試着分享出來探討一下。 為什麼要告別 Redux、Recoil、MobX、Zustand、Jotai 還有 Valtio 今天流行的狀態管理庫有很多，尤其在 React 中。為了把問題説得清晰一些，我想以 React 中的幾個

react , 狀態管理 , redux , 前端 , Javascript

收藏 評論

daivon 頭像

daivon - 基於zustand維護的一套跨框架(react/vue)跨應用的狀態管理及共享方案

zustand-pub 只要從事前端開發，不論是小程序還是web，都繞不開狀態管理。\ 眾所周知， zustand 是一套輕量、便捷、可拓展的狀態管理方案，不論國內 or 國外，都備受喜愛，star 數已接近 3W。 而 zustand-pub 則基於zustand為Iframe、微前端、Module Fedetation、模塊化、組件化等業務場景，提供跨應用、跨框架的狀態管理及狀態共享能力

vuex , redux , 前端

收藏 評論

qingzhan 頭像

青湛 - 再聊 Reducer Context 和 Redux

原文鏈接 這是一次突發奇想的感悟，感覺還挺神奇的，遂記錄一下。 前言 作為一個React的開發者已經蠻久的了，大大小小的應用也開發了不少，除了一開始學習React時用過Redux以外，後來基本都不碰了，不管多麼複雜的應用，我也簡單的覺得使用Context就能夠解決我所有的問題。説來慚愧，我基本沒有思考過Redux存在的原因，可能是React真的做的太好了，又或者是我們現在的設備性能已經嚴重

react , redux , context , 前端

收藏 評論

zhoumo_62382eba4b454 頭像

perkz - Redux

Redux類適用所有React生態項目 import { applyMiddleware, combineReducers, legacy_createStore as createStore, Store, compose, } from "redux"; import thunk from "redux-thunk"; import {connect,

react , redux-thunk , redux , typescript

收藏 評論

cshopping 頭像

繼小鵬 - C-Shopping基於Next.js，開源電商平台全新亮相

嗨，大家好！歡迎來到C-Shopping，這是一場揭開科技面紗的電商之旅。我是C-Shopping開源作者“繼小鵬”，今天將為你介紹一款基於最新技術的開源電商平台。讓我們一同探索吧！ 在線體驗：http://shop.huanghanlian.com/ 項目傳送門：https://github.com/huanghanzhilian/c-shopping 如果你覺得有幫助，請給我一個Star，這

node.js , mongodb , tailwind-css , redux , next.js

收藏 評論

magnesium_5a22722d4b625 頭像

進二開物 - 為什麼能用 RxJS 取代 Redux ？

RxJS 在現在的前端用比較少，但是 RxJS 作為響應式和函數式編程的集大成者，似乎被前端開發者遺忘，可能是學習難度大，可能是有更加方便的解決方案。 不是因為 Redux 更具有性價比，而是 RxJS 可以打開更大的 JS 生態空間 下面我們先回顧一下 Redux 是如何運作開始。 一、Redux 創建一個 Store 做了哪些事情？ 以上是一個簡單的 Redux 的工作流。從 redu

rxjs , redux

收藏 評論

awbeci 頭像

Awbeci - 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

next-auth , redux , next.js

收藏 評論

lovehx_58bc3f5518bf4 頭像

阿芯愛編程 - 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

react , redux

收藏 評論

kevinzhw 頭像

天涯學館 - Redux Toolkit：簡化Redux應用狀態管理

Redux Toolkit 是官方推薦用來簡化Redux開發的工具集。它包含了一些預設的最佳實踐，使得創建和管理Redux狀態變得更簡單。 1. 創建Store 使用configureStore函數來創建Redux store，它會自動配置中間件，如redux-thunk用於處理異步操作。 import { configureStore } from '@reduxjs/toolkit';

react , redux , 前端 , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - React 相關插件之 Redux 基本使用入門

引入和定義 首先，你需要創建Store實例並暴露出來： // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo

react , redux , 前端

收藏 評論

shaogongbra 頭像

ShaoGongBra - duxapp放棄了redux，在duxapp中局部、全局狀態的實現方案

全局狀態 全局狀態是一個很實用的功能，例如管理用户信息，組件間狀態共享等功能都需要用到全局狀態，react有很多成熟的全局狀態管理工具，但是很多寫起來太過麻煩，duxapp提供了幾種應對不同場景的全局狀態的方案，當然如果你需要其他全局狀態，可以自行集成 局部全局狀態 這種全局狀態方案的使用場景，在於父子組件之間的狀態共享 import { contextState } from '@/duxapp

react , react-native , redux , taro

收藏 評論

zhangfisher 頭像

zhangfisher - 深入解析：React中的信號組件與細粒度更新

引言 在主流的前端開發框架中，無論是React、Vue還是Svelte，核心都是圍繞着更高效地進行UI渲染展開的。 為了實現高性能，基於DOM總是比較慢這個假設前提，其最核心的要解決的問題有兩個： 響應式更新 細粒度更新 為了將響應式更新、細粒度更新優化到極致，各種框架是八仙過海，各顯神通。以最流行的React和Vue為例， 首先兩者均引入了Virtual DOM的概念。 Vue的靜

react , redux , store , signal , 前端

收藏 評論

daishuyunshuzhanqianduan 頭像

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

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

react , redux-toolkit , redux , 前端

收藏 評論

grapecity 頭像

葡萄城技術團隊 - 解析Html Canvas的卓越性能與高效渲染策略

一、什麼是Canvas 想必學習前端的同學們對Canvas 都不陌生，它是 HTML5 新增的“畫布”元素，可以使用JavaScript來繪製圖形。 Canvas元素是在HTML5中新增的標籤用於在網頁實時生成圖像，並且可以操作圖像內容，基本上它是一個可以用JavaScript操作的位圖（bitmap）。Canvas 由一個可繪製區域HTML代碼中的屬性定義決定高度和寬度。JavaScript代碼

canvas

收藏 評論

zz_641473ad470bc 頭像

zZ_jie - 使用canvas對圖片進行標註

前言 我們的圖像標註系統中，標註的時候，每人需要一個容器（docker），需要把數據推到去LabelStudio裏面去標註，利用webhook回推標註好的數據。 Canvas的使用，當選中某個矩形框的時候，會變成藍色。 畫布大小 設置的是，圖片有多大，畫布就有多大,然後以畫布的中心點對齊。默認是左上角對齊 this.ctx.drawImage(this.image, -this.image

canvas , HTML , 前端

收藏 評論

suporka 頭像

suporka - “山寨版”《草料二維碼》

背景 之前瀏覽過草料二維碼的網站，他的二維碼美化功能很強大，可以分別自定義碼眼和碼點的形狀和顏色，功能十分強大 💪！ 碰巧之前寫過一個 npm 插件 qrcode-with-logos, 用於前端生成帶 logo 的二維碼。 而且在 github 的 issues 裏有外國友人 👨‍🦱 問我能否實現不同樣式的二維碼，剛好以此作為新需求，模仿草料二維碼的樣式和功能，開發了 qrcode-wit

canvas , 前端 , Javascript

收藏 評論