tag vue.js

標籤
貢獻371
412
05:55 PM · Oct 25 ,2025

@vue.js / 博客 RSS 訂閱

patelo - vue多項目多模塊運行/打包

vue多項目多模塊運行/打包 vue-cli4 為例,實現多項目的分模塊打包。多項目之間共享組件和依賴,運行、打包互不干擾。 一、安裝 npm install -g @vue/cli # OR yarn global add @vue/cli 二、創建項目: vue create my-project # OR vue ui 三、目錄改造 所謂分模塊打包,一個模塊就是一個獨立項目,各個模塊

vue.js , yarn , webpack4 , 前端 , Javascript

收藏 評論

為君持酒勸斜陽 - Vuejs大型項目實踐-面向服務設計與業務模塊化

前端架構概覽 思考:我們有什麼,我們缺什麼? 前端架構分為很多部分,在每個不同的項目裏都會有各自的特點。所以,當我們想優化一個大型項目的時候,可以從一個概覽圖來入手分析,比如下圖: 從我自己的項目特點來分析,我們的基礎設施比較完備,一些公共的基礎服務都可以嘗試接入,唯獨業務代碼異常混亂。 原因:由於業務迭代頻繁,接手的人多,導致組件規範不好、公共方法沒有抽離。而且各個業務之間代碼耦合性很強,看似

vue.js , 模塊化開發

收藏 評論

6fafa - 分享一個自己寫的vue項目:Sancks-App

snack-app 項目簡介 一個可以和大家分享自己喜歡的零食的移動端項目,涉及的技術棧主要有Vue + Vue-Router + Sass + Koa2 + Mongoose。 項目主要功能有: 登錄/註冊 搜索零食 發佈零食 留言/評論 收藏零食/點贊零食 顯示熱門零食 修改個人信息 如有錯誤之處,歡迎指正~ 效果圖 查看效果圖請戳此鏈接 項目地址 https://githu

vue.js , koa2 , mongodb , mongoose

收藏 評論

註銷 - Angular Change Detection 的學習筆記

Angular 變化檢測機制比 AngularJs 中的等效機制更透明且更易於推理。但是在某些情況下(例如在進行性能優化時),我們確實需要知道幕後發生了什麼。因此,讓我們通過以下主題深入瞭解變更檢測: 如何實施變更檢測? Angular 變化檢測器是什麼樣子的,我能看到嗎? 默認的變更檢測機制是如何工作的 打開/關閉更改檢測,並手動觸發它 避免變更檢測循環:生產與開發模式 什麼是On

angularjs , vue.js , angular , change-id , 前端

收藏 評論

杭州程序員張張 - [譯]Vue.js + Astro 比 Vue SPA 更好嗎?

最近有很多開發者宣佈他們已經將網站遷移到Astro。這通常伴隨着一張接近完美的Lighthouse分數的截圖和一系列火箭表情符號。 像大多數人一樣,我發現無休止的新框架會讓人感到厭倦。但我對Astro做了一些研究,認為它真的值得一試。 在本文中,我將向您展示如何使用 Astro 構建基於 Vue 的應用程序,我們將瞭解其獨特的架構如何帶來比單頁應用程序 (SPA) 更好的性能。 SPA 架構回顧

astro , vue.js , spa , 前端

收藏 評論

馮諾依曼的馮 - TypeScript基本類型有哪些

ts編譯成js的工具 npm install -g typescript 使用命令: tsc example.ts 只執行ts代碼,但不編譯的工具 1、nodemon , 只要保存代碼就會執行,比較推薦 安裝:``` npm intall -g nodemon ``` 使用: ``` nodemon example.ts ``` 2、ts-node ,每次需要執行ts-node命令 安裝

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

收藏 評論

KyleBing - Vue 高德地圖 API Loca 如何使用 連接線圖層、脈衝連線圖層

Vue 高德地圖 API Loca 如何使用 連接線圖層、脈衝連線圖層 閲讀此文你需要已經瞭解並掌握的: 已經會使用常規地圖的生成方式 已經瞭解如何載入 Loca 插件 如果不瞭解,可以查看我之前的文章: 高德地圖 Vue 中 加載 數據可視化 Loca 的方式 如何使用高德地圖 API 做一個路線規劃應用,展示自定義路線 高德地圖 API Loca 3D動畫的説

vue.js , 高德地圖 , localstorage , 地圖 , Javascript

收藏 評論

微芒不朽 - 【nodejs進階之旅(2)】:使用koa2+mysql 實現列表數據分頁

1.展示效果(分頁) 2.分頁主要字段 分頁主要字段包括 pageSize 每頁條數、pageNum 第幾頁、startRow 當前開始頁編號、endRow 當前結束頁編號、total 總數量。主要是根據前端分頁的參數,進行處理後,返回前端正確的數據,其實是一個很常見且簡單的功能。但是是非常也是非常重要的。 pageSize 每頁條數 pageNum 第幾頁 startRow 當前開始頁編號

vue.js , koa2 , node.js , 前端 , Javascript

收藏 評論

FYR的仁 - vue-批量導入文件篇(一)

序言 在我們創建路由的時候,會發現如果所有的路由都在一個文件內,那麼當項目路由多的時候,就會出現路由難找,路由跟路由不在一塊等情況出現(沒維護好)。 所以,為了避免這種情況,我們可以使用模塊化這種思想來解決問題。 那麼,問題就來了,當模塊多的時候,一個個的導入就很浪費時間,需要重複 引入 - 賦值 這一過程,所以,我們是不是能讓程序來幫我們做這一步驟呢,那麼我們豈不是可以愉快玩耍了。

vue.js , webpack-dev-server , vite

收藏 評論

husanil - vue3最全資源庫來襲,包含(web、移動、小程序、Electron、常用庫、面試、文檔工具)等資源

一.介紹 vue3-resource專注於收集vue3相關資源,包含(web/移動/小程序/桌面/常用庫/面試/文檔工具)等資源.持續更新中!!! 如果這些資源對你有幫助,👏 歡迎star 支持下【vue3-resource】 二.特別説明 🌟 推薦的資源全部支持vue3,由於個人精力有限,可能會遺漏很多優秀的vue3開源資源或資源錯誤!還請您點此主動推薦或修改建議!!!十分感謝🙏。

vue.js , vue-resource , vue3

收藏 評論

Aresn - View UI Plus 發佈 1.1.0 版本,支持 SSR、支持 Nuxt、增加 TS 聲明文件

View UI Plus 1.1.0 版本已於 2022-05-30 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 支持了 SSR。#48 #49 #50 支持了 Nuxt。https://github.com/view-desig... 增加了 TS 聲明文件。#56 Playground 現已支持 Vue.js 3 及 View UI Plus。https

vue.js , iview , Css , 前端 , html5

收藏 評論

劉悦的技術博客 - 青山不遮,畢竟東流,集成Web3.0身份錢包MetaMask以太坊一鍵登錄(Tornado6+Vue.js3)

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_213 上世紀九十年代,海灣戰爭的時候,一位美軍軍官擔心他們的五角大樓會被敵人的一枚導彈幹掉,從而導致在全球的美軍基地處於癱瘓狀態。這時候,有一位天才的科學家説,最好的中心就是沒有中心。是的,這就是最樸素的去中心化思想,於是互聯網出現了。一個沒有互聯網的時代是無法想象的,互聯網的核心就是把一個信息分成若干的小件,用不同的途徑傳播出

vue.js , 區塊鏈 , 區塊鏈開發 , tornado , 認證授權

收藏 評論

水冗水孚 - 通俗易懂講解並手寫一個vue數據雙向綁定案例

問題描述 面試中,面試官除了問基礎知識以外,還喜歡問一些框架原理。比如:你對vue的數據雙向綁定mvvm是如何理解的?網上的部分貼子可能寫的有點抽象,不便於快速閲讀理解。本篇文章就使用通俗易懂的簡單方式,來講解並實現一個簡單的vue數據雙向綁定原理demo,希望對大家有一定的幫助 先複習基本知識 為了便於大家更好的理解下文數據雙向綁定的代碼,我們最好先複習一下舊知識,如果基礎知識紮實的道友,可以直

vue.js , mvvm

收藏 評論

Aresn - View UI Plus 發佈 1.2.0 版本,新增 Image、Skeleton、Typography 組件

View UI Plus 1.2.0 版本已於 2022-06-13 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增排版組件 Typography,內置豐富的內容排版 UI,支持拷貝、可編輯、省略等功能。Typography 共包含 5 個組件: Typography 內容結構 Title 標題 Paragraph 段落 Te

vue.js , vue3 , iview , 前端 , ui

收藏 評論

mosquito - iframe跨域的幾種常用方法

在開發日常中,會遇到使用iframe嵌套其他頁面,想要與嵌套頁面進行交互,常常會涉及到跨域問題,何為跨域?這涉及到同源策略,即協議、端口、域名相同則為同源 違反了同源策略就會出現跨域問題,主要表現為以下三方面: 1.無法讀取cookie、localStorage、indexDB 2.DOM無法獲得 3.ajax請求無法發送 解決方法 一、設置domain 前提條件:這兩個域名必須

iframe , vue.js , iframe跨域 , postmessage , 前端

收藏 評論

Aresn - View UI Plus 發佈 1.3.0 版本,新增 Space、$ImagePreview 組件

View UI Plus 1.3.0 版本已於 2022-06-21 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 新增間距組件 Space。 ImagePreview 新增下載圖片功能。 ImagePreview 新增屬性 toolbar,可選擇開啓的快捷功能並排序。 圖片預覽支持 $ImagePreview 實例化調用。 ImagePreview 新增拖

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

收藏 評論

Aresn - View UI Plus 發佈 1.3.1 版本,增強 TypeScript 使用體驗

View UI Plus 1.3.1 版本已於 2022-06-29 發佈。 更新日誌 請到官網 www.iviewui.com 查看最新版。 提供基於 TypeScript 的工程。view-ui-project-ts Playground 默認模板支持切換組合式 API 和選項式 API。Playground 修復 ImagePreview 操作欄在移動端顯示不完整的問題。#104

vue.js , iview , typescript , 前端

收藏 評論

Aresn - View Design 物料市場項目已全部適配 Vue.js 3

目前,物料市場中的所有內容均已完成 Vue.js 3 的適配,View Design 付費用户可以免費下載使用。 https://www.iviewui.com/store 新增的物料有: 深色主題 - Admin Plus 深色主題 - View UI Plus 黑金主題 - Admin Plus 其他適配 Vue.js 3 的物料 社交佈局 地圖佈局 工作桌面佈局 局部打

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

收藏 評論

劉悦的技術博客 - 以寡治眾各個擊破,超大文件分片上傳之構建基於Vue.js3.0+Ant-desgin+Tornado6純異步IO高效寫入服務

原文轉載自「劉悦的技術博客」https://v3u.cn/a_id_218 分治算法是一種很古老但很務實的方法。本意即使將一個較大的整體打碎分成小的局部,這樣每個小的局部都不足以對抗大的整體。戰國時期,秦國破壞合縱的連橫即是一種分而治之的手段;十九世紀,比利時殖民者佔領盧旺達, 將盧旺達的種族分為胡圖族與圖西族,以圖進行分裂控制,莫不如是。 21世紀,人們往往會在Leetcode平台上刷分治算法題

vue.js , 文件 , 上傳文件 , 文件上傳 , tornado

收藏 評論

lpicker - Vue組件異步請求一定要在 mounted 回調執行?

背景與總結 先説結論: 有很多所謂的最佳實踐告訴你這個觀點,但其實這個觀點是非常片面的,甚至在大部分場景下他是錯的。 聲明一下: 本文通過幾個案例説明部分同行觀點的片面性,分析了這種觀點出現原因,涉及一點vue的渲染原理。最後給出作為個人為了避免困擾,可以採取的相對最近實踐(因人而異)。 分析 很多文章給出的理由是:mounted回調函數被調用的時候,組件已經被掛載到了DOM上,而比mounted

vue.js , HTTP , fetch , 異步請求 , Ajax

收藏 評論

blue - SVNAdmin2 - 基於web的SVN管理系統

1. 介紹 SVNAdmin2 是一款通過圖形界面管理服務端SVN的web程序。 正常情況下配置SVN倉庫的人員權限需要登錄到服務器手動修改 authz 和 passwd 兩個文件,當倉庫結構和人員權限上了規模後,手動管理就變的非常容易出錯,本系統能夠識別人員和權限並提供管理和拓展功能。 SVNAdmin2 支持SVN協議檢出、HTTP協議檢出,並且支持兩種協議之間互相切換,支持docke

vue.js , php , svn-linux , svn , iview

收藏 評論

高志鵬 - 在 Vue 中為什麼不推薦用 index 做 key

尤大在vue 2.x的文檔中明確指出:建議儘可能在使用v-for時提供keyattribute,除非遍歷輸出的 DOM 內容非常簡單,或者是刻意依賴默認行為以獲取性能上的提升。 尤大的建議説白了就是説: 如果index可以做key,那直接底層幫你傳進去好了,又何必讓你們多此一舉呢?乖乖的不要用index做key 那麼:key 到底有什麼用? 當 Vue.js 用 v-for 正在更新已渲染過的元素

vue.js , key , mvvm , diff , 前端

收藏 評論

phoenixhg - vue動態組件綁定動態屬性和方法的小tips

當使用多 tab 內容頁時,動態組件是一件非常好用的利器。但是循環動態組件會有個問題,那就是不同組件綁定不同的屬性值和方法,全部寫在組件內固然是一種方法,就是不方便管理和查看,所以以下是單獨聲明的技巧小 tips。 切換的tabs常量 const TABS = [ { label: 'tab1', compo: 'RankingList', props: [

vue.js , computed , component , 前端 , Javascript

收藏 評論

愛編程的小金 - RSM:超實用的多場景請求管理方案

各位前端er們,用了那麼久的再熟悉不過的接口請求,有沒有覺得不妥???你可能會覺得,這有什麼不妥,不就axios.get一下,fetch一下,請求就發出了嘛,然後再處理返回的數據,完事。真有這麼簡單嗎?問題來了,針對不同場景下的請求需求,真的可以統一這樣處理就完事嗎?我們來聊聊請求這事兒! 聊聊前端請求的場景 我們先來聊聊前端請求的各種場景,以下是一些做請求時遇到的高頻場景。 什麼時候發出請求

vue.js , fetch , 請求 , Axios , 前端

收藏 評論