一腰根、初識VueX 1.1 關于VueX VueX是適用于在Vue項目開發(fā)時使用的狀態(tài)管理工具机打。試想一下捻撑，如果在一個項目開發(fā)中頻繁的使用組件傳參的方式來同步data中的值，一旦...
IP屬地：甘肅
-
VueX（Vue狀態(tài)管理模式) -
Three.js實現(xiàn)簡單開門動畫Three.js實現(xiàn)簡單開門動畫 先來看一下簡單的開門動畫實現(xiàn)效果梳毙，如下圖所示： 可以看得出這個開門動畫還是比較簡單的哪工，主要關鍵點有2個地方： 實現(xiàn)門圍繞右門框旋轉(zhuǎn)。 利用關...
-
vue-cli3.0版本打包修改公用路徑及配置（包含vue-cli3.0簡單使用）對應完2.x版本的已卷，就直接把這個3.0的也對應梧田，相對于2.0來說，vue-cli3.0更讓我們專注了開發(fā)侧蘸，不需要去關注太多的文件配置裁眯。如下進行一下講解順便簡單講一下cli3....
-
Nuxt.js實戰(zhàn)和配置
前段時間剛好公司有項目使用了Nuxt.js來搭建，而剛好在公司內(nèi)部做了個分享讳癌，稍微再整理一下發(fā)出來穿稳。本文比較適合初用Nuxt.js的同學，主要講下搭建過程中做的一些配置晌坤。建議...
-
Vue+Vite安裝三方依賴后報錯 ERR_ABORTED 504 (Gateway Timeout)
先把錯誤粘貼出來： 今天在做項目的時候用到一個復制粘貼功能逢艘，使用了三方庫clipboard.js ，使用yarn add clipboard 安裝后在項目中使用骤菠，報錯它改，最開始...
-
使用webuploader組件實現(xiàn)大文件分片上傳，斷點續(xù)傳
1. 組件簡介 webuploader：是一個以HTML5為主商乎， Flash為輔的文件上傳組件央拖，采用大文件分片/并發(fā)上傳的方式，極大地提高了文件上傳的效率鹉戚，同時兼容多種瀏覽器...
-
解決在vue中使用swiper loop失效的問題一鲜戒、html 及引入文件 1.引入文件 2.css樣式 3.html swiper使用方法： https://www.swiper.com.cn/usage/index.ht...
-
H5頁面喚起指定app或跳轉(zhuǎn)到應用市場
場景1： 在 h5 頁面上，不管用戶是否安裝過該app崩瓤，都直接跳轉(zhuǎn)到應用市場袍啡，讓用戶從應用市場上打開app。 思路：這種場景處理比較簡單却桶，直接判斷判斷是android端還是i...
-
Flex布局如何實現(xiàn)最后一個元素右對齊（CSS）Flex布局如何實現(xiàn)最后一個元素右對齊（CSS） 在最后一項元素使用樣式： margin-left: auto; 舉個栗子：
-
TS高級技巧（Pick境输，Partial等）
1. keyof和in 1.1 keyof keyof 與 Object.keys 略有相似蔗牡，只不過 keyof 取 interface 的鍵 假設有一個 object ...
-
如何讓Vue RouteLink跳轉(zhuǎn)到外鏈(其他網(wǎng)站)
背景 根據(jù) 百度谷歌, 我們知道如果要在Vue項目中跳轉(zhuǎn)其他網(wǎng)站, 只能通過 標簽, 而RouteLink組件只能跳轉(zhuǎn)相對路徑. 所以如果要跳轉(zhuǎn)外鏈, 只能寫死 , 但在我的...
-
Vue實現(xiàn)圖片預加載原文地址 最近公司在做一個微信推廣的H5，由于圖片沒有托管在CDN嗅剖，所以首次打開H5頁面圖片加載會出現(xiàn)卡頓的情況辩越，特別影響動畫的效果。于是萌生了將所有圖片預加載的想法信粮，然后開...
-
Vue3 reactive響應式賦值問題
來源：vue3中的reactive對象賦值問題 - SegmentFault 思否[https://segmentfault.com/q/1010000039940940?u...
-
vue3如何使用vue-router上一篇文章講了vue3+vue-cli4x如何創(chuàng)建項目 傳送門[http://www.reibang.com/p/6d8f5865f0ea] vue-router@next...
-
You may need an appropriate loader to handle this file type
在使用npm run build的過程中報的錯黔攒，原因其實是webpack.config.js文件沒有配置好。 由報錯內(nèi)容可以知道强缘，可能是安裝style-loader和css-...
-
【微信小程序canvas】實現(xiàn)小程序手寫板用戶簽名(附代碼)
【微信小程序canvas】實現(xiàn)小程序手寫板用戶簽名(附代碼) 工作中公司業(yè)務需要的微信小程序用戶簽字功能 先看效果圖： wxml js data 初始化 事件函數(shù) 筆跡開始 ...
-
微信小程序--上傳文件（圖片/word等）功能說道上傳文件督惰，首先要想到微信官方文檔給的API，wx.uploadFile({ }) 通過這個API來達到上傳至服務器的效果：代碼示例如下 接下來我們先來說說上傳圖片功能旅掂，這...
-
vue | 路由vue-router在新窗口打開頁面
vue的是單頁面應用設計的漸進式框架,但是有時在項目中也會出現(xiàn)新窗口打開頁面的情況,此時,就需要vue-router的知識來解決 一.使用<router-link>標簽 需要...
-
Vue+Websocket<簡單實現(xiàn)聊天功能>
效果圖： 此篇文章是針對Websocket的簡單了解和應用赏胚，利用Nodejs簡單搭建一個服務器加以實現(xiàn)。 首先創(chuàng)建一個vue項目商虐，會vue的我就不必多說了觉阅；然后再創(chuàng)建一個se...