tag vue.js

標籤
貢獻371
409
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 訂閱

abcdxj555 頭像

愛編程的小金 - vue+alova入門指南

alova？這是個什麼鬼？ 你沒聽説過也是很正常，它是一個RSM實現庫，用於解決在MVVM項目下的不同請求場景下的問題，同時也可以幫你管理服務端狀態。 它就像一個axios的武裝庫，為axios插上了翅膀。 詳細瞭解RSM可參考 RSM：超實用的多場景請求管理方案 這篇文章作為vue+alova的基礎入門篇，你可以瞭解到以下內容： alova如何處理頻繁請求、跨模塊更新服務端狀態、模糊搜索

vue.js , request , fetch , 前端

收藏 評論

kasong 頭像

卡頌 - 對於“前端狀態”相關問題，如何思考比較全面

大家好，我卡頌。 最近看到個寫得很不錯的知乎回答Hooks是否過譽了？前端應該跟着React走還是跟着JS、TS走？- beeplin的回答。 在這個回答的基礎上，我想引申出一個問題 —— 對於前端狀態相關問題，如何思考比較全面？ 今天，我們試着從多個抽象層級的角度回答這個問題。 歡迎加入人類高質量前端框架羣，帶飛 問題的起源 有相當比例的前端從業者入行是從學習前端框架的使用開始的。換言之，在他們

react , vue.js , mobx , redux , 前端

收藏 評論

zengh 頭像

田八 - 【源碼&庫】在調用 createApp 時，Vue 為我們做了那些工作？

在使用Vue3時，我們需要使用createApp來創建一個應用實例，然後使用mount方法將應用掛載到某個DOM節點上。 那麼在調用createApp時，Vue再背後做了些什麼事情呢？今天就來扒一扒Vue3的源碼，看看調用createApp發生了些什麼。 大家好，這裏是田八的【源碼庫】系列，Vue3的源碼閲讀計劃，Vue3的源碼閲讀計劃不出意外每週一更，歡迎大家關注。 首發在掘金，如果想一起

vue.js , 源碼學習 , 源碼 , 源碼分析 , Javascript

收藏 評論

jdcdevloper 頭像

京東雲開發者 - Backbone前端框架解讀

作者: 京東零售 陳震 一、 什麼是Backbone 在前端的發展道路中，前端框架元老之一jQuery對繁瑣的DOM操作進行了封裝，提供了鏈式調用、各類選擇器，屏蔽了不同瀏覽器寫法的差異性，但是前端開發過程中依然存在作用域污染、代碼複用度低、冗餘度高、數據和事件綁定煩瑣等痛點。 5年後，Backbone橫空出世，通過與Underscore、Require、Handlebar的整合，提供了一個輕量和

vue.js , backbone.js , 前端框架 , 架構 , mvc

收藏 評論

meathill 頭像

Meathill - 使用 `postMessage` 跨域名遷移 `localStorage`

朋友的網站有個需求：要從 A 域名遷移到 B 域名。所有內容不變，只是更改域名。這個需求不復雜，理論上改下配置然後 301 即可。但這個網站是純靜態網站，用户數據都存在 localStorage 裏，所以他希望能夠自動幫用户把數據也遷移到新域名。 我們知道，localStorage 是按照域名存儲的，B 網站無法訪問 A 網站的 localStorage。所以我們就需要一些特殊的手段來實現需求。經

vue.js , postmessage , challenge , 跨域 , Javascript

收藏 評論

cafehaus 頭像

咖啡教室 - vue項目中webpack-dev-server的open和host0.0.0.0配置衝突

一個比較老的公司項目，webpack 用的 v3 版本，為了實現localhost、127.0.0.1和本機ip可以同時訪問，webpack的devServer裏的 host 我們一般會設置成 0.0.0.0，這樣本機所有 ipv4 地址都可以實現訪問。 比如我們要將本地運行的前端項目，分享給公司的後端、產品、測試...預覽效果，如果 host 直接設置的 localhost，運行後打開的地址 h

vue.js , webpack-dev-server , webpack , 前端

收藏 評論

zengh 頭像

田八 - 【源碼&庫】Vue3 中的 nextTick 魔法背後的原理

在使用Vue的時候，最讓人着迷的莫過於nextTick了，它可以讓我們在下一次DOM更新循環結束之後執行延遲迴調。 所以我們想要拿到更新的後的DOM就上nextTick，想要在DOM更新之後再執行某些操作還上nextTick，不知道頁面什麼時候掛載完成依然上nextTick。 雖然我不懂Vue的內部實現，但是我知道有問題上nextTick就對了，你天天上nextTick，那麼nextTick為什麼

vue.js , 源碼學習 , 源碼 , 源碼分析

收藏 評論

liuyue_5e7eb6745e089 頭像

劉悦的技術博客 - ChatGPT採用的Server-sent events後端實時推送協議Python3.10實現,基於Tornado6.1

善於觀察的朋友一定會敏鋭地發現ChatGPT網頁端是逐句給出問題答案的，同樣，ChatGPT後台Api接口請求中，如果將Stream參數設置為True後，Api接口也可以實現和ChatGPT網頁端一樣的流式返回，進而更快地給到前端用户反饋，同時也可以緩解連接超時的問題。 Server-sent events（SSE）是一種用於實現服務器到客户端的單向通信的協議。使用SSE，服務器可以向客户端推送實

vue.js , python3.x , server-sent-events , tornado , chatgpt

收藏 評論

tanking 頭像

TANKING - 原生JavaScript實現的SPA單頁應用（hash路由）

什麼叫做SPA單頁應用 單頁Web應用 （single page web application，SPA） ，就是隻有一張Web頁面的應用，是加載單個HTML 頁面並在用户與應用程序交互時動態更新該頁面的Web應用程序。 單頁應用的説法是在JavaScript和AJAX技術比較成熟以後才出現的，指的是通過瀏覽器訪問一個網站時，只需要加載一個入口頁面，此後顯示的內容和數據都不會再刷新瀏覽器頁面。有了

vue.js , 單頁應用 , 路由 , spa , Javascript

收藏 評論

javadog 頭像

JavaDog程序狗 - 【項目實戰】SpringBoot+vue+iview打造一個極簡個人博客系統

📚項目介紹 個人極簡博客 【個人極簡博客】是一個適用於初學者學習的博客系統，其中包含文章分類、寫文章、標籤管理、用户管理等基礎功能，代碼簡潔註釋完善，易上手學習。技術棧基於SpringBoot+MybatisPlus+vue+iview等更多優秀組件及前沿技術開發，註釋豐富，代碼簡潔，開箱即用。極其適合嘗試全棧開發及實戰練手訓練也可以當作畢業設計進行二次開發，是個輕鬆學習的好機會。 p alig

vue.js , iview , springboot , JAVA

收藏 評論

jdcdevloper 頭像

京東雲開發者 - “前端”工匠系列（一）：合格的工匠，究竟該搞什麼 | 京東雲技術團隊

作者：京東零售劉偉東 此文為系列文章第一篇，為淺嘗輒止的引入，目的是為了讓前端從業人員及非從業但是對此領域感興趣的人對於”前端“是幹什麼的這個話題有個無門檻的瞭解。 “前端職能是什麼” 説起"前端"，維基百科對這個技術角色的定位是“前端（英語：front-end）和後端（英語：back-end）是描述進程開始和結束的通用詞彙。 前端作用於採集輸入信息，後端進行處理。 計算機程序的界面樣式，視

vue.js , 編碼 , Css , 前端 , Javascript

收藏 評論

laomao_5902e12974409 頭像

來了老弟 - vue項目引入pwa使網頁應用可安裝

最近在使用vue項目時看到一個這樣的效果，如圖： 現在其實有很多網站都支持把網頁安裝到電腦或手機（IOS Safari支持較好），如下圖安裝後的效果： 這些都是網頁應用。 接下來介紹一下如何讓你的vue2項目變得可以安裝。 添加cli-plugin-pwa 給現有的vue項目添加，使用下面命令： vue add pwa 執行完之後會自動在package.json添加"@vue/c

vue.js , pwa , service-worker

收藏 評論

laomao_5902e12974409 頭像

來了老弟 - vue項目部署後提示用户有新版本

你可能在瀏覽器見到過上面這種UI，這是在vue項目重新build在服務端部署後，瀏覽器刷新頁面彈出的提示，這時如果用户點擊更新就會重載頁面，清除之前的緩存獲取最新內容。 這是怎樣發生的呢？你可能會想到下面的方式： 服務端編譯重新部署維護一個版本號，客户端通過輪詢檢測和本地存儲的是否相同，發現更新的版本就彈框提示（缺點 耗電。尤其是在移動端） 通過在html中做版本標記... websoc

vue.js , pwa , service-worker

收藏 評論

danchaotaiyang 頭像

蛋炒太陽 - el-date-picker 動態日期範圍

Vue2 element ui el-date-picker type="daterange" :picker-options="pickerOptions" let _minTime; let _maxTime; let timeRange = 10 * 24 * 60 * 60 * 1000; export default { data() { return {

vue.js , daterangepicker , element

收藏 評論

hard_heart_603dd717240e2 頭像

Hard heart - Vue與VueComponent的關係

結論：VueComponent.prototype.__proto__ === Vue.prototype Vue與VueComponent的關係如圖所示： （圖一） 前提知識： 每個函數function都有一個prototype屬性，即顯式原型（屬性），它默認指向Object空對象， 每個實例對象都有一個__proto__屬性，即稱隱式原型（屬性）。 關係圖分析：

組件設計 , vue.js , 原型鏈 , 前端 , Javascript

收藏 評論

charlotteeeeeee 頭像

charlotteeeeeee - GraphQL 封裝多個請求使得network只有一條請求記錄

1，js方法封裝 //util.js //一些發起請求的依賴 import gql from 'graphql-tag' import initapolloclient from '@/assets/js/apolloclient.js' import $store from '@/store/index' // 根據openid獲取人員姓名 // openid的取值matchke

vue.js , graphql , Javascript

收藏 評論

rk405264704 頭像

留白 - vue+element項目中導出時文件名稱從後台獲取

在做後台管理系統項目時，導出功能後端一般返回文件流或者鏈接，前端進行相關處理，今天只説文件流相關內容，之前項目中所有的文件名稱都是前端進行拼接的，像xxxx-20231002122415.xlsx等等，那下載時文件名稱如何從後台獲取呢？ 1、首先需要後台配置 在響應標頭中我們可以看到Content-Disposition:attachment;filename=xxxxx.xlsx信息，filen

vue.js , element , Javascript

收藏 評論

momo707577045 頭像

momo707577045 - 純js、v-for、vue函數式組件、vue普通組件性能對比

先説結論 dom 節點數量對內存影響沒想象中大，js 變量才是內存佔用的元兇 內存佔用及運行性能對比：原生 js v-for div ≈ v-for 函數式組件 v-for 普通組件 去虛擬 dom 化框架正在崛起，成為一種新的選擇 dom 節點數量對內存影響沒想象中大（十萬 div 僅佔用 400mb） 測試示例 生成 100,000（十萬）個 div，內存佔用僅

vue.js , dom , 性能分析 , 性能

收藏 評論

yimo 頭像

易墨 - 02.前後端分離中台框架前端 admin.ui.plus 學習-介紹與簡單使用

中台框架前台項目 admin.ui.plus 的初識 基於 vue3.x + CompositionAPI setup 語法糖 + typescript + vite + element plus + vue-router-next + pinia 技術，內置支持一鍵生成微服務接口，適配手機、平板、pc 的後台權限管理框架，希望減少工作量，幫助大家實現快速開發。 框架一覽

vue.js , 前後端分離 , 中台概念 , typescript , 前端

收藏 評論

seanshi_fe 頭像

Sean - Vue.js中如何去定位解決內存泄漏？

Vue.js 是一個流行且強大的 JavaScript 框架，它允許我們構建動態和交互式 Web 應用程序。 然而，與任何軟件一樣，Vue.js 應用程序有時會遇到內存泄漏，從而導致性能下降和意外行為。 今天，我們將深入探討 Vue.js 應用程序中內存泄漏的原因，並探索如何定位和修復這些問題的有效策略。 什麼是內存泄漏 ? 當程序執行過程中保留不再需要的內存時（主要是一些 變量、 方法等），會阻

vue.js , 性能 , 前端 , Javascript

收藏 評論

winnn 頭像

Winn - vue性能優化之異步組件和路由懶加載

今天來聊聊vue2的性能小優化之異步組件跟路由懶加載 一、組件優化 目前代碼塊中包含了兩個子組件，它們在符合條件的情況下才會渲染，採用了最基礎的方式進行導入。 頁面刷新後會加載五個文件，在點擊顯示兩個組件時，只會新增一個文件，加載的是element的字體文件，也就是説在頁面初始化時就已經加載了組件文件。 現在我們把它改寫成異步組件，再來做個對比： 當我們點擊顯示組件時，控制枱會新增一個請求

編程 , vue.js , 前端優化 , 圖片上傳 , 程序員

收藏 評論

winnn 頭像

Winn - 一個讓vue開發效率翻倍的小工具

分享一個很實用的工具庫 VueUse，它是基於 Vue Composition Api，也就是組合式API。支持在Vue2和Vue3項目中進行使用，據説是目前世界上Star最高的同類型庫之一。 它的初衷就是將一切原本並不支持響應式的 JS API 變得支持響應式，省去程序員自己寫相關代碼。 官方地址：https://vueuse.org/ 中文地址：https://www.vueusej

vue.js , 開發工具 , 前端工程師 , 程序員 , 前端

收藏 評論

wentaohu12138 頭像

牛刀殺雞 - 服務端渲染SSR

1.項目背景 需要將一箇舊的用vue+svg搭建的地鐵圖h5改造成有個ssr項目，以提升首屏渲染時間。 2.分析 項目現狀，項目組已有koa搭建的業務中間層，且需要改造的項目為一箇舊項目，綜合考慮，將舊項目進行改造，而非使用nuxt重寫。 3.SSR原理 1.所謂SSR就是將一個項目通過兩種打包配置，分別生成兩份打包代碼，一份在服務端（nodejs）執行，另一份在客户端（browser）上執行。當

vue.js , node.js , ssr , 前端

收藏 評論

13592899917 頭像

浪跡天涯小king - 一套代碼打包多個微信小程序，一套代碼打包多個抖音小程序，有需要請到uniapp插件裏面下載享用

走過路過不要錯過，只説一遍，真的很好用，不好用你可以在評論裏面噴我、踩我 uniapp插件地址（https://ext.dcloud.net.cn/plugin?id=15196） 一套代碼打包多個微信小程序 一套代碼打包多個抖音小程序 簡介 此項目是用來免除手動替換小程序appid的煩惱。有些公司會在開發環境是一個appid，測試，準生產，生產又是另一個appid，避免我們每次手動填寫，打包構建

vue.js , 小程序 , 前端工程化 , uniapp , 前端

收藏 評論