贡献者88
粉丝0
當你需要將一個vue項目打包成electron時，只需要正常的安裝electron依賴、electron-builder依賴，正常的配置好主進程、預加載腳本、渲染進程即可。 依賴安裝 這裏默認你已經寫好了一個vue項目，腳手架為vite，然後需要打包成electron。 安裝electron pnpm add -D electron 安裝electron打包依賴 pnpm install e
昵称 兔子先森
這種報錯是ico資源文件出錯導致的，可以看看gitHub對此問題的解釋：https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對，看起來資源文件後綴是.ico實際上是png格式，你有可能是在一些網站將png轉換為ico，它沒有被正常的轉換為ico，只是將資源文件的後
昵称 兔子先森
這種打包報錯實際上是缺少對應文件，由於electron在打包時會下載資源，有些資源需要科學上網，所以正常打包網速過慢會導致資源丟失。 像上圖報錯，很明顯是丟失winCodeSign-2.6.0資源，所以我們需要去下載對應資源 資源下載鏈接：https://github.com/electron-userland/electron-builder-binaries/release
昵称 兔子先森
Metis UI 的目標是為那些喜歡 Ant Design 的開發者提供一個更靈活的選擇，特別是希望結合 Tailwind CSS 的開發者。我們在保留 Ant Design 組件設計邏輯的基礎上，提供了以下改進： 樣式覆蓋更靈活基於 Tailwind CSS 的樣式體系，開發者可以方便地對組件的各個元素進行樣式覆蓋，無需編寫複雜的自定義樣式，快速實現個性化設計。 增強的交互功能內置了一些
昵称 Ming
問題現象 在 React 項目中使用 ECharts 時，控制枱報錯： series not exists. Legend data should be same with series name or data name 但已確認 legend.data 與 series.name 完全匹配，代碼邏輯看似正確。 問題根源 未正確註冊 ECharts 圖表組件。自 ECharts 5 起，官方採
昵称 點墨
獲取 HTTPS 證書的多種方法及其優勢 🔒✨ 在現代互聯網環境中，HTTPS 已成為保障網站安全的基本標準。獲取 HTTPS 證書 不僅能提升網站的安全性，還能增強用户信任度和提升搜索引擎排名。本文將詳細介紹獲取 HTTPS 證書 的幾種常見方法及其各自的優勢，並通過圖表和流程圖幫助理解其工作原理。 獲取 HTTPS 證書的方法 🛠️ 1. 購買商業證書 💼 購買商業證書 是獲取 HTTP
昵称 藍易雲
React Router V7 本身並沒有直接提供內置的路由守衞 API（比如 Vue Router 的 beforeEach），但通過組合其提供的鈎子（如 useNavigate、useLocation）和 React 的組件設計模式，我們可以實現類似的功能，比如權限控制、登錄驗證、數據預加載等場景。 路由守衞 路由守衞是指在路由切換時執行一些邏輯，以決定是否允許導航到目標路由。 常見的場景包括
昵称 Aion
因歷史遺留原因，接手的項目沒有代碼提醒/格式化，包括 eslint、pretttier，也沒有 commit 提交校驗，如 husky、commitlint、stylelint，與其期待自己或者同事的代碼寫得完美無缺，不如通過一些工具來進行規範和約束。 eslint eslint 是一個代碼校驗工具，用來規範項目代碼風格。 初始化 通過 npm install eslint 後使用 npx esl
昵称 一顆冰淇淋
前言 大家好，這些年來設計系統一直停留在歷史的某個時間點，缺乏創新，缺乏活力，難以有讓人眼前一亮的東西展現，但它並沒有停滯不前，我們一直致力於從一些獨特的角度重新審視和認識設計系統，通過梳理和理解組件的本質，抽象原子化組件，嚴格執行展示層與交互層的分離方式，使組件能夠更好的融合跨端設計，同時深度結合設計語義與前端代碼，確保整個系統的交互和代碼唯一性，目前我們已有一套基礎設施對外開源，歡迎大家的持續
昵称 昭福前端語錄
用於做底部懸浮定位，懸浮在tabbar上 在設置tabbar的組件中獲取，利用組件生命週期，獲取tabbar高度，將高度存到本地，用於全局獲取 attached() { let query = wx.createSelectorQuery().in(this); query.select('.custom-tab-bar').bound
昵称 兔子先森
原生微信小程序提供兩種響應式數據處理方式 1、module:value="{{ xxx }}" 2、setData module:value 第一種方式為簡易雙向綁定，這種雙向綁定只能對應data中的簡單數據類型，例如：string、number、boolean、null，例如： data: { keyword: '' // data中直接定義 }, 頁面用module:va
昵称 兔子先森
大家好，我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了？前端應該跟着React走還是跟着JS、TS走？- beeplin的回答。 在這個回答的基礎上，我想引申出一個問題 —— 對於前端狀態相關問題，如何思考比較全面？ 今天，我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣，帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之，在他們
昵称 卡頌
狀態管理的產生 為什麼需要狀態管理 狀態管理伴隨着現代前端框架的崛起而誕生，在經典的單頁應用中，組件內部狀態隨着組件的掛載而產生，銷燬而銷燬，全局狀態則隨着應用掛載而一直存在，這時候，全局狀態的共享，傳遞，變更就被抽離出來成了一個通用的解決方案。 Vue與React都有較為簡單的全局狀態管理策略（Store模式，Context），但是當應用足夠複雜，全局狀態較多的時候，還是需要第
昵称 折丹
堅持在一線寫前端代碼大概有七八年了，寫過一些項目，有過一些反思，越來越確信平日裏一直用得心安理得某些的東西也許存在着問題，比如：在 狀態管理 上一直比較流行的實踐 🙏，所以試着分享出來探討一下。 為什麼要告別 Redux、Recoil、MobX、Zustand、Jotai 還有 Valtio 今天流行的狀態管理庫有很多，尤其在 React 中。為了把問題説得清晰一些，我想以 React 中的幾個
昵称 烏柏木
原文鏈接 這是一次突發奇想的感悟，感覺還挺神奇的，遂記錄一下。 前言 作為一個React的開發者已經蠻久的了，大大小小的應用也開發了不少，除了一開始學習React時用過Redux以外，後來基本都不碰了，不管多麼複雜的應用，我也簡單的覺得使用Context就能夠解決我所有的問題。説來慚愧，我基本沒有思考過Redux存在的原因，可能是React真的做的太好了，又或者是我們現在的設備性能已經嚴重
昵称 青湛
Redux類適用所有React生態項目 import { applyMiddleware, combineReducers, legacy_createStore as createStore, Store, compose, } from "redux"; import thunk from "redux-thunk"; import {connect,
昵称 perkz
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狀態變得更簡單。 1. 創建Store 使用configureStore函數來創建Redux store，它會自動配置中間件，如redux-thunk用於處理異步操作。 import { configureStore } from '@reduxjs/toolkit';
昵称 天涯學館
引入和定義 首先，你需要創建Store實例並暴露出來： // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo
昵称 zxl20070701
全局狀態 全局狀態是一個很實用的功能，例如管理用户信息，組件間狀態共享等功能都需要用到全局狀態，react有很多成熟的全局狀態管理工具，但是很多寫起來太過麻煩，duxapp提供了幾種應對不同場景的全局狀態的方案，當然如果你需要其他全局狀態，可以自行集成 局部全局狀態 這種全局狀態方案的使用場景，在於父子組件之間的狀態共享 import { contextState } from '@/duxapp
昵称 ShaoGongBra
引言 在主流的前端開發框架中，無論是React、Vue還是Svelte，核心都是圍繞着更高效地進行UI渲染展開的。 為了實現高性能，基於DOM總是比較慢這個假設前提，其最核心的要解決的問題有兩個： 響應式更新 細粒度更新 為了將響應式更新、細粒度更新優化到極致，各種框架是八仙過海，各顯神通。以最流行的React和Vue為例， 首先兩者均引入了Virtual DOM的概念。 Vue的靜
昵称 zhangfisher
我們是袋鼠雲數棧 UED 團隊，致力於打造優秀的一站式數據中台產品。我們始終保持工匠精神，探索前端道路，為社區積累並傳播經驗價值。 本文作者：霜序 前言 為何講這個內容？以為後續大家會使用 redux-toolkit，資產上週做了 redux-toolkit 的升級順便了解了相關內容，產出了這篇文章。 另外補齊一下在 React 數據流這個知識板塊的完整性。 React 中的數據流管理
昵称 袋鼠雲數棧UED
自定義服務器啓動 相關依賴 dotenv 讀取 env 文件數據 express node 框架 details summary基礎示例如下/summary // src/server/index.ts import 'dotenv/config'; import express from 'express'; import chalk from 'chalk'; const port
昵称 彭小黑
我有一個朋友，前端，最近在找工作，面試官就問了他，對oss瞭解嗎，他沒回答上來，於是就有了這篇文章... 介紹 本文簡介 本文使用react實現前端，node的express框架實現後端，搭配開源的minio 實現一個oss文件存儲服務功能 有助於前端更好地理解文件存儲的過程 完整項目代碼：https://github.com/shuirongshuifu/react-node-mini
昵称 水冗水孚
