tag vue.js

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

@vue.js / 博客 RSS 訂閱

shuirongshui 頭像

水冗水孚 - 實現el-table樹結構表格展開摺疊且合併單元格功能（兩種思路）

需求描述 樹結構表格 可展開摺疊，有children子集項 並且對應列還需要合併單元格（大類合併） 筆者試了試 使用el-table自帶的樹結構表格似乎沒法實現 就這個：:tree-props="{children: 'children', hasChildren: 'hasChildren'}" 於是，只能換種思路實現了 添加行、刪除行方式，同時動態計算需要合併的單元格信息 效

vue.js , element-plus , element-ui

收藏 評論

gqkmiss 頭像

月恆 - Vue Vite 項目增加 eslint 和 prettier

Vue Vite 項目增加 eslint 和 prettier Eslint 版本為 8.X 1. 安裝 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安裝 eslint 以及 prettier 以及一堆依賴 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier es

vue.js , eslint , prettier , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - 原生electron起步-從零到一完成構建和打包

官網：https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案：https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi

react , vue.js , electron , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron-builder打包配置説明

我們一般使用electron-builder對electron項目進行打包，在package.json中配置打包的詳細操作 pnpm install electron-builder -D package.json中的詳細字段解釋： "build": { "appId": "your.id", // 應用的唯一ID "productName": "YourProductName"

react , vue.js , electron , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - vue項目打包electron-將已有web項目打包為桌面端

當你需要將一個vue項目打包成electron時，只需要正常的安裝electron依賴、electron-builder依賴，正常的配置好主進程、預加載腳本、渲染進程即可。 依賴安裝 這裏默認你已經寫好了一個vue項目，腳手架為vite，然後需要打包成electron。 安裝electron pnpm add -D electron 安裝electron打包依賴 pnpm install e

react , vue.js , electron , 前端 , Javascript

收藏 評論

lyflexi 頭像

月半大熊貓 - 從紅屏到斷點，VSCode+Chrome打開調試vue.js項目的黃金配置公式，後端轉前端必看！

夙夜小哥這幾天有個項目前端人手不夠，要我支援幾天。我本人之前是寫後端的，在支援的過程中發現前端對JavaScript或者typescript的方法提示以及代碼導航功能都比較弱，可能是由於js本身屬於弱類型語言，所以這波並不屬於VSCode的鍋。 但是我又發現好像VSCode不進行配置的話，沒法直接使用調試功能，好傢伙，這下讓我一頓上網衝浪百度+谷歌，翻來翻去感覺網友都沒有寫在點子上，最後還是

vue.js , visual-studio-code , 調試 , typescript , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron打包報錯-image格式問題(.ico報錯)

這種報錯是ico資源文件出錯導致的，可以看看gitHub對此問題的解釋：https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對，看起來資源文件後綴是.ico實際上是png格式，你有可能是在一些網站將png轉換為ico，它沒有被正常的轉換為ico，只是將資源文件的後

react , vue.js , electron , 前端 , Javascript

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - electron打包報錯errorOut=ERROR: Cannot create symbolic link

這種打包報錯實際上是缺少對應文件，由於electron在打包時會下載資源，有些資源需要科學上網，所以正常打包網速過慢會導致資源丟失。 像上圖報錯，很明顯是丟失winCodeSign-2.6.0資源，所以我們需要去下載對應資源 資源下載鏈接：https://github.com/electron-userland/electron-builder-binaries/release

react , vue.js , electron , 前端 , Javascript

收藏 評論

lyflexi 頭像

月半大熊貓 - 《95%開發者不知道的vue.config.js高階玩法》手撕Webpack配置鏈/SSR優化/多頁應用，3倍構建效率實戰方案

Vue工程化配置指南：vue.config.js深度解析 一、初始化配置文件 在Vue CLI工程根路徑下創建配置文件： 項目層級示意： your-project/ ├── src/ ├── public/ ├── package.json └── vue.config.js # 新增配置文件 基本模板結構： module.exports = { // 工程化配置區域 } 二、核心配置參數解

vue.js , visual-studio-code , webpack , typescript , 前端

收藏 評論

wangjingyu_5f58472234cff 頭像

東莞夢幻網絡科技 - 體育賽事即時比分 分析頁面的開發技術架構與實現細節

本文基於“體育即時比分系統”的實際開發經驗總結，僅供技術交流。該系統在實現過程中，主要解決了實時比分更新、賠率數據同步、賽事分析展示等關鍵問題，並採用了以下技術棧： 後端：PHP（ThinkPHP 框架） 安卓端：Java iOS端：Objective-C PC/H5 前端：Vue.js 其中，比分分析頁面聚焦於展示比賽雙方的近期戰績、比賽賠率、關鍵數據分析等信息，結合 WebS

vue.js , php , objective-c , JAVA

收藏 評論

yeshifu 頭像

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

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

vue.js , angular , chrome-devtools

收藏 評論

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 頭像

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

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

vue.js , chrome-devtools , npm

收藏 評論

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

收藏 評論