vite全局自動導入函數，全局函數
globalProperties全局函數掛載 在vue3項目中，一般使用globalProperties實現全局函數掛載 import { createApp } from "vue"; import "@/style.css"; import App from "@/App.vue"; const app = createApp(App); // 這裏掛載 app.config.globa
昵稱 兔子先森
@vue.js
貢獻者142
粉絲0
貢獻者
@vue.js
動態 列表
穿越週期：堅持使用 PHP 的感悟與選擇的哲學
穿越週期：堅持使用 PHP 的感悟與選擇的哲學 摘要 在技術世界，PHP 似乎每年都要經歷一次“死亡”的預言，但它始終以驚人的韌性存活並持續進化。對於那些選擇堅持使用 PHP 的開發者而言，這不僅僅是一種技術選擇，更是一種對務實、效率與持續進化的深刻理解。 本文將分享堅持使用 PHP 的三大感悟，並結合 鋭智後台（RaiseAdmin）快速開發平台 的實踐，闡述 PHP 如何在現代化浪潮中，憑藉其
昵稱 後山人
🚀 擁抱 create-uni，一行命令輕鬆集成 Uni ECharts！
Uni ECharts 正式集成到 create-uni 啦！現在，你只需要一行命令，就能快速創建一個內置 Uni ECharts 的 uni-app 初始項目。告別複雜配置，數據可視化從未如此輕鬆高效，讓開發者專注於創意與體驗！ 🤓 為什麼選擇 Uni ECharts ？ Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni
昵稱 xiaohe0601
如何使用 TinyEditor 快速部署一個協同編輯器?
本文由曹裏林同學原創。 簡介 TinyEditor 是一個框架無關的富文本編輯器，既可以在原生 JavaScript 項目中使用，也可以在 Vue、React 等前端框架中使用。 本篇文章帶來的是如何使用 TinyEditor 最新的協同編輯模塊快速部署多人實時協作編輯。 前端集成 1、安裝TinyEditor 首先需要安裝 TinyEditor pnpm i @opentiny/fluent-
昵稱 OpenTiny社區
axios多個baseURL封裝+vite跨域代理多個baseURL連接
公共封裝 import axios from 'axios'; import { MessagePlugin } from 'tdesign-vue-next'; import { getStorageToken } from '@/utils/index'; const api1 = axios.create({ baseURL: '/api1' }); const api2 = axio
昵稱 兔子先森
為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化
為什麼 PHP 依然有如此龐大的用户羣？——技術選擇背後的商業邏輯與進化 摘要 儘管每年都有“PHP 已死”的論調出現，但數據顯示，PHP 依然是互聯網上使用最廣泛的服務器端編程語言之一。根據 W3Techs 的統計，截至 2024 年，超過 75% 的網站在使用 PHP [1]。 PHP 的持續流行並非偶然，它是技術進化、商業成本、成熟生態和開發效率共同作用的結果。本文將從四個核心維度，結合 鋭
昵稱 後山人
迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備”
迎接下一個繁榮浪潮：程序員在經濟下行期應做的“三層準備” 摘要 面對持續的經濟下行壓力和日漸萎縮的信息化市場，程序員羣體正經歷前所未有的挑戰。然而，歷史經驗表明，每一次經濟低谷都是技術和人才結構重塑的關鍵時期。為了在下一個繁榮浪潮到來時佔據先機，程序員不能僅憑技術能力，更需要進行技術、商業、個人三個層面的系統性準備。 本文將詳細闡述這“三層準備”，指導程序員如何從“代碼執行者”轉型為“價值創造者”
昵稱 後山人
告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗
告別重複勞動：鋭智後台（RaiseAdmin）如何用“懶人”代碼生成器重塑開發體驗 在企業級應用開發中，後台管理系統是不可或缺的一環。然而，重複的CRUD（創建、讀取、更新、刪除）工作常常佔據了開發者大量寶貴時間。今天，我們聚焦一個優秀的開源項目——鋭智後台（RaiseAdmin）快速開發平台，它正以其現代化技術棧和創新的“懶人”代碼生成器，為開發者帶來一場效率革命。 一、現代化技術棧：性能與體驗
昵稱 後山人
完全開源！一款基於 SpringBoot + Vue 構建的社區平台！
大家好，我是 Java陳序員。 在如今互聯網時代，擁有一個個人專屬的社區平台，用於技術交流或者興趣分享圈子，是一件很酷的事~ 今天，給大家介紹一款基於 SpringBoot + Vue 構建的社區平台，幫助你快速構建個人社區平台！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 OpenIsle —— 一個使用 SpringBo
昵稱 Java陳序員
svg的使用方式
使用img加載 import dir from '/assets/icons-plus/dir.svg' img :src="dir" / 優點：使用簡單 缺點: 不能動態修改svg的樣式
昵稱 熱飯班長
最好的svg使用方案（個人覺得）
方案1：img 將svg作為img的src import icon from './xxx.svg' img :src="icon" 無法很好的自定義尺寸，圖片會模糊（使用了img後，會喪失svg的特性） 無法指定顏色 方案2：插件 添加vite-svg-loader插件 找了好幾個常見的插件，比如vite-plugin-svg-icons、vite-plugin-svg-loader、u
昵稱 熱飯班長
解決electron+Vue(Vite)：ERR _CONNECTION_REFUSED
解決用electron打包Vue工程(Vite)報錯electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED Background: 生產環境通過 Electron 直接加載本地文件系統中的靜態資源 注：node後的狀態碼不重要 明明前端工程可以運行，後端連接也沒問題，為什麼打包完成後總是連不上網址？
昵稱 蓋亞
electron-build報錯:cannot find module/ valid " main " entry
解決electron-build打包後運行app報錯:cannot find module xxx/ Please verify that the package . json has a valid " main " entry 先看一個簡單報錯： 或者類似這種： 解決方法： 檢查package. Json中是否寫了“main”，這裏的“main”必須寫，且應當使用npm指令build的di
昵稱 蓋亞
vue3-onMounted和onActivated觸發問題
在Vue3中，當頁面第一次進入時，onMounted和onActivated這兩個生命週期鈎子都會觸發，導致初始化函數init()被執行兩次，我們希望只在初次進入時執行一次，而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期，就要在onMounted的時候做一個標記，然後在onActivated的時候改變這個標記 在keep
昵稱 兔子先森
AXUI前端框架推出全新自定義主題顏色工具
前言 對於一款成熟的 UI 框架而言，支持自定義主題顏色是必不可少的能力。過去，AXUI 一直專注於功能優化、性能提升和新模塊開發，因此遲遲未推出主題工具。但事實上，在 AXUI 的底層設計階段，我們已經為主題可定製性做好了充分準備：整個框架的主題色均採用 HSLA 模型進行設計。 HSLA 代表色相（Hue）、飽和度（Saturation）、亮度（Lightness）和透明度（Alpha）。與
昵稱 AXUI前端框架
vue3路由跳轉，普通路由和動態路由
vue3路由跳轉分兩種： 1、普通路由 2、動態路由 普通路由 無需在路由配置中聲明，可以隨意添加任意參數 參數以鍵值對的形式出現在 URL 的 ? 之後，用 分隔 例如：/user?id=123name=John，其中 id=123 和 name=John 是 query 參數 參數是可選的非必填項，可以自由傳遞 跳轉方式 const router = useRoute
昵稱 兔子先森
Vue3項目中集成AI對話功能的實戰經驗分享
前言 最近在項目中需要集成AI對話功能，經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後，想從技術使用者的角度分享一下真實的體驗和踩過的坑，希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台，需要為用户提供智能客服和代碼助手功能。在選擇方案時，主要考慮了以下幾個因素： 開發效率：不想從頭開發聊天UI和
昵稱 六月的可樂🥤
《vue.js設計與實現》——調度執行
調度性的定義：當我們執行trigger動作觸發副作用函數重新執行時，有能力決定副作用函數的時機、次數以及方式 控制執行時機 先來看看如何決定副作用函數的執行方式 const data = { foo: 1 } const obj = new Proxy(data, {}); // 為了演示，省略代理配置 effect(() = { console.log(obj.foo); }) obj.
昵稱 兔子先森
《vue.js設計與實現》——計算屬性computed與lazy
在深入瞭解計算屬性之前，我們需要先知道懶執行的effect，也就是lazy的effect 我們現在實現的effect函數會立即執行傳遞給它的副作用函數，例如： effect( // 這個函數會立即執行 () = { console.log('執行了'); } ) 但有的時候我們不需要他立即執行，而是在需要的時候才執行，這個特性就跟計算屬性很像 我們可以在option
昵稱 兔子先森
《vue.js設計與實現》——watch的實現原理
簡易watch監聽 watch其實就是監聽給定的響應式數據變化，當數據變化時執行的回調函數 watch(obj, () = { console.log("數據變化了"); }) // 修改obj數據，watch自動觸發 obj.foo++ 實際上，watch就是利用了effect以及options.scheduler選項 effect( () = { console
昵稱 兔子先森
《vue.js設計與實現》——立即執行的 watch 與回調執行時機
watch的本質其實是對effect的二次封裝 watch的兩個特性： 1、立即執行的回調函數 2、回調函數的執行時機 立即執行的回調函數 在vue.js中，watch通過immediate屬性來實現立即執行，如下 watch(obj, () = { console.log('變化'); }, { immediate: true }) 當immediate存在並且為tr
昵稱 兔子先森
《vue.js設計與實現》——過期的副作用
我們平時可能不太關注"競態"的問題，但是你在日常的工作中可能或多少遇到過"競態" let finalData; watch(obj, async () = { // 發送一個請求 let res = await fetch('/api/request'); // 將數據保存到finalData finalData = res; }) 這段代碼看起來沒問題，實際上會發
昵稱 兔子先森
摩天輪（vue）
效果圖 使用示例 script lang="ts" setup import FerrisWheel from "**/FerrisWheel.vue"; import { ref } from "vue"; const defaultUrls = [ "https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.
昵稱 你好啊你好
div + transform 實現旋轉圖片並得到期望的佔位盒子
效果圖 使用示例 script setup lang="ts" import RotatedImage from "**/RotatedImage.vue"; import { ref } from "vue"; const value = ref(50); const clockwise = ref(true); const src = ref( "https://naive-ui.os
昵稱 你好啊你好