tag vue.js

標籤
貢獻371
419
05:55 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 u_17148819 頭像 u_9849794 頭像 8848_62c77d4bb2532 頭像 u_15967048 頭像 tanking 頭像 refanbanzhang 頭像 kangkaidafangdezi 頭像 kestrel_task 頭像 u_13738137 頭像 u_16307147 頭像

@vue.js / 博客 RSS 訂閱

chenychenyu 頭像

ChenyCHENYU - robot-admin 一個現代化的基於業務場景的中後台解決方案

我做了個 Vue3 的中後台框架，想和你聊聊背後的故事 不是技術博客，只是一個前端開發者的自白 開篇 你好，我是 CHENY。一個有點代碼潔癖的前端開發者。 今天想和你聊聊我最近做的一個開源項目 —— Robot Admin。不聊技術有多牛，不聊架構有多先進，就想和你説説，為什麼要做這個項目，以及它能幫你解決什麼問題。 為什麼又是一個後台框架？ 是的，我知道。GitHub 上的後台框架已經夠多了

vue.js , 前端框架 , typescript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——嵌套的 effect 與 effect 棧

effect 是可以發生嵌套的 vue.js的下渲染函數其實就是在一個effect中執行的 當組件發生嵌套時，例如Foo組件渲染了Bar組件 // Bar組件 const Bar = { render() { } } // Foo組件嵌套渲染了Bar組件 const Foo = { render() { return Bar / } } 此時就發

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

收藏 評論

wszgrcy 頭像

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

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

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

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——調度執行

調度性的定義：當我們執行trigger動作觸發副作用函數重新執行時，有能力決定副作用函數的時機、次數以及方式 控制執行時機 先來看看如何決定副作用函數的執行方式 const data = { foo: 1 } const obj = new Proxy(data, {}); // 為了演示，省略代理配置 effect(() = { console.log(obj.foo); }) obj.

vue.js , Css , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——計算屬性computed與lazy

在深入瞭解計算屬性之前，我們需要先知道懶執行的effect，也就是lazy的effect 我們現在實現的effect函數會立即執行傳遞給它的副作用函數，例如： effect( // 這個函數會立即執行 () = { console.log('執行了'); } ) 但有的時候我們不需要他立即執行，而是在需要的時候才執行，這個特性就跟計算屬性很像 我們可以在option

vue.js , Css , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——watch的實現原理

簡易watch監聽 watch其實就是監聽給定的響應式數據變化，當數據變化時執行的回調函數 watch(obj, () = { console.log("數據變化了"); }) // 修改obj數據，watch自動觸發 obj.foo++ 實際上，watch就是利用了effect以及options.scheduler選項 effect( () = { console

vue.js , Css , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——立即執行的 watch 與回調執行時機

watch的本質其實是對effect的二次封裝 watch的兩個特性： 1、立即執行的回調函數 2、回調函數的執行時機 立即執行的回調函數 在vue.js中，watch通過immediate屬性來實現立即執行，如下 watch(obj, () = { console.log('變化'); }, { immediate: true }) 當immediate存在並且為tr

vue.js , Css , HTML , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 《vue.js設計與實現》——過期的副作用

我們平時可能不太關注"競態"的問題，但是你在日常的工作中可能或多少遇到過"競態" let finalData; watch(obj, async () = { // 發送一個請求 let res = await fetch('/api/request'); // 將數據保存到finalData finalData = res; }) 這段代碼看起來沒問題，實際上會發

vue.js , Css , HTML , 前端 , Javascript

收藏 評論

yunduanderizi_5c7f6d367b5d0 頭像

雲端的日子 - 自定義頭部和左側的日期選擇組件 - 基於elementui的日期組件

代碼倉庫 https://gitee.com/wang-qianyuan/demo/tree/master/src/componen... 實戰效果 坑點resolve 使用node_module的elementui源碼的面板，報錯 內部用了一些webpack不能解析活轉化的內容， 問問ai， 更加具體， 我忘了~ 解決： 在vue.config.js中配置別名和轉化

vue.js , element-ui , 前端

收藏 評論

wszgrcy 頭像

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

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

react , vue.js , angular , typescript , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - TinyVue表格重構5大關鍵幀一次曝光！內存節省 27%，JS 執行時間減少 43% ，FPS 提升 110%

本文由體驗技術團隊岑灌銘原創。 前言 表格作為組件庫高頻使用的組件，它作為承載、展示和交互數據的核心載體,每一次卡頓都可能意味着時間的浪費與耐心的消磨。 然而有小夥伴反饋説，表格組件樹表數據滾動場景卡頓，偶爾會出現白屏現象，甚至會出現表頭和表體滾動不同步的情況。 後來據瞭解是小夥伴的機器性能較為普通，加上表格樹表大數據虛擬滾動確實存在較大的性能瓶頸，存在大量的計算與dom操作。

性能優化 , vue.js , 開源 , 前端

收藏 評論

huyouxueboshi 頭像

水木清華 - Three.js實現3D地圖可視化-省份

實現效果 數據來源 地圖的是通過這個 shape 描繪成形狀展示的，數據可以通過 datav.aliyun 地圖json小工具 獲取到 數據拿到之後，就是展示的問題，直接展示是不行的，需要通過 d3 對數據處理，才能按照正確的地圖樣子展示 import * as d3 from "d3"; //莫開託座標 矯正地圖座標 //center 的位置可以自己定 const ha

vue.js , three.js , Javascript

收藏 評論

yeshifu 頭像

程序員老葉 - 2025 年 CRM 系統 TOP10 排名榜單

隨着企業數字化轉型的深入，CRM系統已成為企業提升客户管理效率、優化銷售流程、推動業績增長的重要工具。2025年，CRM市場競爭激烈，各類軟件在功能、特點、適用性等方面持續優化，以滿足企業多樣化需求。本文精選2025年十大CRM系統，為企業選擇提供全面參考。 1. Zoho CRM 功能：涵蓋銷售自動化（管理銷售線索、商機及銷售漏斗）、AI助手Zia（智能預測、客户行為分析）、多渠道溝通（郵件、電

vue.js , angular , chrome-devtools

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3-onMounted和onActivated觸發問題

在Vue3中，當頁面第一次進入時，onMounted和onActivated這兩個生命週期鈎子都會觸發，導致初始化函數init()被執行兩次，我們希望只在初次進入時執行一次，而不是兩次。 其實最簡單的方法就是僅使用onActivated生命週期 如果同時使用兩個生命週期，就要在onMounted的時候做一個標記，然後在onActivated的時候改變這個標記 在keep

vue.js , HTML , 前端 , html5 , Javascript

收藏 評論

yeshifu 頭像

程序員老葉 - CRM系統哪個好 ？5 大選型關鍵因素 + 4 款主流產品詳解

客户關係管理（CRM）系統已成為企業增強銷售與服務能力的核心工具。但當前市場上的CRM系統種類繁多，不同系統在功能、價格及用户體驗上差異顯著——無論是Zoho CRM、Salesforce、Microsoft Dynamics 365還是HubSpot CRM，每款系統均有其獨特優勢與適用場景。 一、為什麼需要CRM系統？ 企業引入CRM系統的核心價值在於解決客户管理、流程效率與決策支撐的痛點，具

vue.js , chrome-devtools

收藏 評論

axuicn 頭像

AXUI前端框架 - AXUI前端框架推出全新自定義主題顏色工具

前言 對於一款成熟的 UI 框架而言，支持自定義主題顏色是必不可少的能力。過去，AXUI 一直專注於功能優化、性能提升和新模塊開發，因此遲遲未推出主題工具。但事實上，在 AXUI 的底層設計階段，我們已經為主題可定製性做好了充分準備：整個框架的主題色均採用 HSLA 模型進行設計。 HSLA 代表色相（Hue）、飽和度（Saturation）、亮度（Lightness）和透明度（Alpha）。與

vue.js , css3 , 前端框架 , html5 , Javascript

收藏 評論

zxc7563598 頭像

蘇琢玉 - RSA+AES 混合加密不復雜，但落地挺煩，我用 Vue+PHP 封裝成了兩個庫

在項目裏寫接口的時候，我有時候會希望再多一層保護。 雖然 HTTPS 已經能保證傳輸安全，但它解決的更多是「傳輸過程中不被竊聽/篡改」的問題。 而我還想順帶做到幾點： 防止接口被隨便模擬調用 就算數據包被截獲，也看不懂內容 就算有人拿着同一份請求去重放，服務端也能拒絕 這些需求其實挺常見的，但並不複雜，説白了就是一套 RSA+AES 混合加密。 經典的思路 原理本身沒什麼新

composer , vue.js , php , npm

收藏 評論

nihaoanihao 頭像

你好啊你好 - 摩天輪（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.

vue.js , Css , HTML , 前端 , Javascript

收藏 評論

weidelanqiu 頭像

下一個絕世 - 十款熱門客户關係管理系統排行榜

十款熱門客户關係管理系統排行榜？1. Zoho CRM；2. Salesforce CRM；3. HubSpot CRM；4. Microsoft Dynamics 365；5. Pipedrive；6. Freshsales；7. SugarCRM；8. Insightly；9. Nimble；10. Bitrix24。 客户關係管理系統不僅能夠幫助企業高效管理客户信息，還能優化銷售流程、提升客

vue.js , postcss , chrome-devtools

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue3路由跳轉，普通路由和動態路由

vue3路由跳轉分兩種： 1、普通路由 2、動態路由 普通路由 無需在路由配置中聲明，可以隨意添加任意參數 參數以鍵值對的形式出現在 URL 的 ? 之後，用 分隔 例如：/user?id=123name=John，其中 id=123 和 name=John 是 query 參數 參數是可選的非必填項，可以自由傳遞 跳轉方式 const router = useRoute

vue.js , HTML , 前端 , html5 , Javascript

收藏 評論

yeshifu 頭像

程序員老葉 - 銷售管理系統哪家好?6家知名銷售管理系統廠家真實測評

銷售管理系統哪家好？本篇文章中小編對6家知名銷售管理系統廠家進行真實測評，他們分別是”Zoho CRM銷售管理系統、Salesforce、Microsoft Dynamics 365、HubSpot 、Pipedrive、SAP 銷售管理系統“。 銷售管理系統已成為企業提升客户滿意度、優化運營效率的關鍵工具。面對市場上眾多的銷售管理系統，企業如何才能選擇到最適合自己的呢？本文將對六家知名的銷

vue.js , chrome-devtools , npm

收藏 評論

guhejiahongdoumianbao 頭像

古河家の紅豆麪包 - 新興社區 -- 歡迎加入OpenIsle社區共建

Why? -- 創意和藍圖 樓主是一個極客，喜歡折騰，喜歡開源，喜歡分享。 我平時經常逛國內外的社區，比如 V2EX、Reddit、LinuxDO，但總覺得存在一些不足。 V2EX 和 LinuxDO 的門檻相對較高，新人要真正融入並不容易。 V2EX 運營了很久，但界面和交互已經顯得不夠現代；LinuxDO 雖然用上了 Discourse，但畢竟是國外的開源項目，想要深度改造和本土化成本很

vue.js , 開源軟件 , 教程 , 開源 , JAVA

收藏 評論

liuyuedekele 頭像

六月的可樂🥤 - Vue3項目中集成AI對話功能的實戰經驗分享

前言 最近在項目中需要集成AI對話功能，經過調研後選擇了ai-suspended-ball-chat這個Vue3組件庫。使用了一段時間後，想從技術使用者的角度分享一下真實的體驗和踩過的坑，希望對有類似需求的開發者有所幫助。 項目背景與選擇理由 我們的項目是一個企業級的管理後台，需要為用户提供智能客服和代碼助手功能。在選擇方案時，主要考慮了以下幾個因素： 開發效率：不想從頭開發聊天UI和

vue.js , 人工智能 , 前端 , html5 , Javascript

收藏 評論

nihaoanihao 頭像

你好啊你好 - 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

vue.js , Css , HTML , 前端 , Javascript

收藏 評論