tag vue.js

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

liwenhui 頭像

keywords - 移動端橫/豎屏模式下的電子簽名兼容

屏幕旋轉與文檔方向？如何監聽文檔方向變化，如何兼容橫屏/豎屏模式下的樣式佈局以及實現強制橫屏展示canvas手寫電子簽名頁？ 基於實踐問題，本文主要覆蓋以下至少點： 文檔方向與屏幕方向 不同端APP瀏覽器的橫屏預覽支持情況 移動端適配 橫屏佈局快速兼容 canvas響應式適配屏幕旋轉帶來的問題以及兼容方法

vue.js , 橫屏 , 移動端適配 , HTML , 前端

收藏 評論

tuzixiansen_63d4d65909d62 頭像

兔子先森 - uniapp微信小程序文件下載-自定義文件名

在微信小程序端是無法直接下載文件的，對於docx、excel、pdf等文件都是通過臨時緩存+打開的方式保存到本地 默認下載 const openFile = (url,fileType) = { uni.downloadFile({ url: url, success: function (res) { let filePath =

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

收藏 評論

dunizb 頭像

杭州程序員張張 - 【圖文教程】前端使用雲存儲，利用LeanCloud管理頁面數據

Serverless 雲開發是現在的大熱門和趨勢，各大雲服務廠商都已經支持 FaaS(函數即服務) 雲開發方式，微信小程序雲開發是典型的例子。 背景 我的博客有個“我的小鋪”頻道，是我個人書籍出售展示頁面，其實是一個靜態頁面，託管在 coding.net 上，每次更新頁面，比如上架下架一本書，都要打開源碼編輯代碼然後 push 到服務器中，步驟是： 打開頁面源碼 上架一本書要 copy 已有

vue.js , 雲存儲 , 雲服務 , 靜態網站 , leancloud

收藏 評論

u_16099347 頭像

JAVA小俠影 - h5上傳文件時ios自帶的選取文件可以隱藏掉嗎

我們平時經常做的是上傳文件，上傳文件夾與上傳文件類似，但也有一些不同之處，這次做了上傳文件夾就記錄下以備後用。 這次項目的需求： 支持大文件的上傳和續傳，要求續傳支持所有瀏覽器，包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全瀏覽器，並且刷新瀏覽器後仍然能夠續傳，重啓瀏覽器（關閉瀏覽器後再打開）仍然能夠繼續上傳，重

vue.js , 移動開發 , Css , ios , HTML , html5 , Javascript

收藏 評論

fttong 頭像

咿呀咿呀喲 - vue 項目打包發佈時去除所有console

自己做的項目已經完成啦~但是想着項目中的 console 太多了，就看到學習視頻中真的有插件可以去除所有的 console 來打包發佈，真的是絕絕子啊 yyds 沒錯就是 這個插件，這是官方文檔哦~ babel-plugin-transform-remove-console 先安裝插件 npm install babel-plugin-transform-remove-console --s

vue.js , console , 插件 , node.js

收藏 評論

erweigongfangkefu 頭像

二維工坊客服 - vue使用在線mock平台用axios請求示例 不用自己安裝mockjs

通常我們mock數據都會安裝mockjs：yarn add mockjs 但是需要配置很多東西，還要攔截請求等等，對新手不友好，即使是老手也覺得麻煩。 推薦大家使用useMock 在線Mock助手，項目API數據模擬，聲稱比內部環境更貼心 支持團隊協作 靈活解耦 不局域 可反覆調試 自動生成文檔 官網：https://www.usemock.com/ Vue請求示例： 你需要先

vue.js , mock.js , mock , mockjs , Axios

收藏 評論

u_15723831 頭像

CRMEB眾邦科技 - 國內知名高品質電商系統推薦

隨着數字化浪潮的推進，越來越多企業意識到電商系統對於業務拓展的重要性。一款高品質、適配性強的電商系統，能為企業省去諸多運營麻煩，加速數字化轉型進程。以下為大家推薦幾款國內口碑出眾的電商系統，其中不乏經過市場長期檢驗的優質選擇。 一、CRMEB：高品質電商系統的標杆之選 在眾多電商系統中，crmeb是高品質電商系統的典型代表，其憑藉紮實的技術積

vue.js , 電商平台 , 電商系統 , 解決方案 , 前端開發

收藏 評論

eraitianshi 頭像

倩兒愛甜食 - vue2.0學習筆記（第六講）（bower的安裝與使用、動畫庫animate.css的使用）

一、bower的安裝與使用 bower是一個類似於npm的包管理工具，只不過npm更偏向於後台，而bower更偏向於前端。我們同樣也是需要通過npm的方式來下載bower。我們在cmd當中鍵入命令- npm install bower -g來完成將bower下載安裝到npm的全局目錄下，由於我們之前已經把npm的全局安裝目錄配置到環境變量當中了，故下載完成後，不再需要配置環境變量。之後我們可以在任

vue.js , transition , bower

收藏 評論

powerful_simon 頭像

小謳 - 解決 mpvue 經典 bug：同路由切換時，上次的數據會保留

關注前端小謳，閲讀更多原創技術文章 由於一直在用vue技術棧，因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護，為了上手迅速，不顧可能存在的眾多bug，毅然用起來。 果不其然，一個大bug出現了：同一路由切換時，上一次的頁面數據會保留 項目實戰bug：mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因： 參考眾多答案後，用“

vue.js , 小程序 , mpvue , 前端 , Javascript

收藏 評論

_yangliuliu 頭像

_楊溜溜 - 面試官：聊聊對Vue.js框架的理解

前言 今年OKR定了一條KR是每一個季度進行一次前端相關技術的分享，還有十幾天就到2020年了，一直忙於業務開發，沒有時間準備和學習高端話題，迫於無奈，那就講講平時使用頻率較高，卻沒有真正認真的瞭解其內部原理的 Vue.js 吧。 由於本文為一次前端技術分享的演講稿，所以盡力不貼 Vue.js 的源碼，因為貼代碼在實際分享中，比較枯燥，效果不佳，而更多的是以圖片和文字的形式進行表達。 分享目標：

vue.js , virtual-dom , 響應式編程

收藏 評論

u_15967048 頭像

農民工前端 - vue3報錯：Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a fu

報錯內容 Uncaught runtime errors: × ERROR this.$set is not a function TypeError: this.$set is not a function at Proxy.editRow (webpack-internal:///./node_modules/babel-loader/lib/index.js??clon

vue.js , 數組 , Vue , bundle , 前端開發

收藏 評論

jiahao_60a723662cff7 頭像

嘉豪 - 關於vux組件range一些坑

最近在維護基於vux UI的移動項目中使用vux的range組件發現兩個坑。在網上搜不到解決辦法（可能使用人員比較少）的情況下研究這個組件源碼解決我所遇到的兩個問題。 問題一： 直接引用range組件出現原點拖動不了的情況。 解決方案： 1、在range組件的外層加v-if。（重點説這個） 2、查看元素層級關係 問題二： 修改綁定在range組件的V-model的data數字會出

vue.js , vux , 前端 , Javascript

收藏 評論

u_9849794 頭像

子丶不語 - Vue3 登錄頁還能這麼絲滑？這個 hover 效果太驚豔了

前言 大家好，在現代 Web 開發中，用户體驗越來越重要。一個簡潔、美觀又富有動效的登錄頁，不僅能提升品牌形象，還能增強用户的第一印象。這篇文章，我們將用Vue3 + CSS3 動畫，來實現一個懸浮動畫和細膩交互效果的 Vue3 登錄頁面。 項目效果預覽： • 登錄框懸浮微動 + 高光掠過動畫

ico , vue.js , Math , 前端開發 , 動效

收藏 評論

familyaboveall 頭像

familyAboveAll - 小程序框架mpvue中每個頁面都需要創建main.js，為了解決這個重複的工作配置mpvue-entry

最近工作中使用到了mpvue框架搭建小程序，由於mpvue是基於vue.js的框架，所以上手也很簡單，但是還有一些地方用起來不順手。 初始化一個 mpvue 項目 按照官網提供的步驟執行下去就可以了 # 1. 先檢查下 Node.js 是否安裝成功 $ node -v v8.9.0 $ npm -v 5.6.0 # 2. 由於眾所周知的原因，可以考慮切換源為 taobao 源 $ npm se

vue.js , 小程序 , mpvue

收藏 評論

imwty 頭像

imwty - Nuxt3實戰系列之配置管理

Nuxt提供了一個運行時配置API，在你的應用程序和服務器路由中暴露配置，並能在運行時通過設置環境變量進行更新。 定義運行時配置 為了將配置和環境變量暴露給應用程序，你需要在nuxt.config文件中使用runtimeConfig選項定義運行時配置。 export default defineNuxtConfig({ runtimeConfig: { // 只在服務端可以訪問的配置項

vue.js , nuxt.js , 服務端渲染 , vue3 , ssr

收藏 評論

u_9849794 頭像

子丶不語 - 告別繁瑣 Emits！Vue 3.4+ defineModel() 讓組件通信從未如此優雅

前言 你是否曾經在寫 Vue 組件時，為了實現一個簡單的雙向綁定（v-model），不得不反覆編寫props接收modelValue，再在emits裏聲明update:modelValue，最後還要寫一個計算屬性或者事件處理函數來觸發更新？ 這種“樣板代碼”不僅由於繁瑣降低了開發效率，還打斷了代碼的邏輯流。 隨着Vue 3.4+defineModel()宏終於轉

vue.js , 修飾符 , 雙向綁定 , Vue , 前端開發

收藏 評論

yunxiaomeng 頭像

雲小夢 - 如何突破瀏覽器12px限制

目前Chrome瀏覽器依然沒有放開12px的限制，但Chrome仍然是使用人數最多的瀏覽器。 在筆者開發某個項目時突發奇想：如果實際需要11px的字體大小怎麼辦？這在Chrome中是實現不了的。關於字體，一開始想到的就是rem等非px單位。但是rem只是為了響應式適配，並不能突破這一限制。 em、rem等單位只是為了不同分辨率下展示效果提出的換算單位，常見的庫px2rem也只是利用了js將px

vue.js , chrome , transform , Css , Javascript

收藏 評論

opentiny 頭像

OpenTiny社區 - 直播預告：TinyVue 組件庫實戰解析，提升組件庫構建技能！

在複雜的編碼世界裏，大家總希望能夠尋找更高效、更簡潔的解決方案來優化工作流程，提升開發效率。在5月28日晚7點 OpenTiny B站直播間，OpenTiny 非常榮幸地為大家帶來一場關於 TinyVue 組件庫實戰分享的直播。屆時，TinyVue 組件庫成員阿健老師將與大家深入探討 TinyVue 組件庫的關鍵技術，同時針對開發者對 TinyVue 組件庫提出的相關問題做出詳細解答，幫助開發者更

vue.js , 組件庫 , web開發 , 前端 , Javascript

收藏 評論

yourena_c 頭像

友人A - hightchart的3d餅狀圖圖例顯示問題記錄

3d餅狀圖不顯示圖例，需要在plotOptions.pie.showInLegend設置為true var chart = Highcharts.chart('container', { chart: { type: 'pie', options3d: { enabled: true, alpha: 45,

vue.js , highcharts , 前端 , Javascript

收藏 評論

u_9849794 頭像

子丶不語 - vue-i18n：Vue3中實現國際化(i18n)的完整方案與最佳實踐

隨着前端項目的業務邊界不斷擴大，“國際化”早已不是可選功能，而是面向全球用户的必備能力。 對於Vue3項目而言，vue-i18n作為官方推薦的國際化解決方案，以其輕量、靈活、易集成的特點，成 為眾多開發者的首選。今天就帶大家從0到1掌握vue-i18n，輕鬆搞定多語言適配！ 一、為什麼Vue3項目要選vue-i18n？ 在聊具體用法前，先明確一個問題：市面上國際化插件

vue.js , 初始化 , 多語言 , API , 前端開發

收藏 評論

tomato9527 頭像

一顆爛土豆 - 告別 Vue 多分辨率適配煩惱：vfit.js 讓元素定位 “絲滑” 跨設備

在前端開發中，“多分辨率適配”一直是個繞不開的坎。尤其是Vue項目，面對從手機到大屏的各種設備，既要保證元素比例不變，又要讓位置精準，往往需要手寫大量縮放計算或媒體查詢，代碼冗餘且難維護。 今天推薦一個專為Vue 3設計的輕量方案——vfit.js，通過“全局縮放管理+組件化定位”的思路，讓適配工作變得簡單可控。 為什麼需要vfit.js？ 傳統適配方案（如rem、vw/vh）的痛點在於： 僅

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

收藏 評論

opentiny 頭像

OpenTiny社區 - OpenTiny Vue 組件庫適配微前端可能遇到的4個問題

本文由體驗技術團隊 TinyVue 項目成員岑灌銘同學創作。 前言 微前端是一種多個團隊通過獨立發佈功能的方式來共同構建現代化 web 應用的技術手段及方法策略，每個應用可以選擇不同的技術棧，獨立開發、獨立部署。 TinyVue組件庫的跨技術棧能力與微前端十分契合，往期我們也有文章，指導如何在wujie微前端中使用TinyVue組件庫，文章鏈接：https://mp.weixin.qq.com/s

vue.js , 組件庫 , 開源 , 微前端 , 前端

收藏 評論

dirackeeko 頭像

DiracKeeko - [Vue] 在vue中接收iframe的傳遞的信息

頁面A中有一個iframe標籤。iframe標籤的src屬性指向的跨域頁面B，跨域頁面B通過postMessage方式傳遞信息。現在在頁面A中想要獲取跨域頁面B傳遞來的信息。 實現方式是監聽A頁面的"message"事件。考慮是vue2框架。其實現方式與原生html有稍許不同。 在vue的mounted生命週期裏添加 mounted() { window.addEventListener("

iframe , message , vue.js , 前端

收藏 評論

u_15967048 頭像

農民工前端 - PowerShell腳本實現|從文件夾動畫序列中均勻選取關鍵幀（保留首尾幀）

1. 問題概述 我們經常需要從動畫序列中選取關鍵幀，例如： 文件名：進度條_00000-min.png 到 進度條_00099-min.png（共100幀） 需求：保留首尾幀，並均勻選取中間幀，總共保留32張 **實現效果： ** 開始效果 實現效果 2. 兩種實現方案 方案一：自動計算法（推薦） 計算原理 總幀數 = 結束幀 -

關鍵幀 , vue.js , 文件名 , 進度條 , 前端開發

收藏 評論