一、初識VueX 1.1 關(guān)于VueX VueX是適用于在Vue項(xiàng)目開發(fā)時(shí)使用的狀態(tài)管理工具。試想一下废境，如果在一個(gè)項(xiàng)目開發(fā)中頻繁的使用組件傳參的方式來同步data中的值没讲，一旦...
IP屬地：四川
-
VueX（Vue狀態(tài)管理模式) -
Three.js實(shí)現(xiàn)簡單開門動畫Three.js實(shí)現(xiàn)簡單開門動畫 先來看一下簡單的開門動畫實(shí)現(xiàn)效果盐固，如下圖所示： 可以看得出這個(gè)開門動畫還是比較簡單的看疗，主要關(guān)鍵點(diǎn)有2個(gè)地方： 實(shí)現(xiàn)門圍繞右門框旋轉(zhuǎn)唆阿。 利用關(guān)...
-
vue-cli3.0版本打包修改公用路徑及配置（包含vue-cli3.0簡單使用）對應(yīng)完2.x版本的燥筷，就直接把這個(gè)3.0的也對應(yīng)箩祥，相對于2.0來說，vue-cli3.0更讓我們專注了開發(fā)肆氓，不需要去關(guān)注太多的文件配置滥比。如下進(jìn)行一下講解順便簡單講一下cli3....
-
Nuxt.js實(shí)戰(zhàn)和配置
前段時(shí)間剛好公司有項(xiàng)目使用了Nuxt.js來搭建，而剛好在公司內(nèi)部做了個(gè)分享做院，稍微再整理一下發(fā)出來盲泛。本文比較適合初用Nuxt.js的同學(xué)，主要講下搭建過程中做的一些配置键耕。建議...
-
Vue+Vite安裝三方依賴后報(bào)錯(cuò) ERR_ABORTED 504 (Gateway Timeout)
先把錯(cuò)誤粘貼出來： 今天在做項(xiàng)目的時(shí)候用到一個(gè)復(fù)制粘貼功能寺滚，使用了三方庫clipboard.js ，使用yarn add clipboard 安裝后在項(xiàng)目中使用屈雄，報(bào)錯(cuò)村视，最開始...
-
使用webuploader組件實(shí)現(xiàn)大文件分片上傳，斷點(diǎn)續(xù)傳
1. 組件簡介 webuploader：是一個(gè)以HTML5為主酒奶， Flash為輔的文件上傳組件蚁孔，采用大文件分片/并發(fā)上傳的方式，極大地提高了文件上傳的效率惋嚎，同時(shí)兼容多種瀏覽器...
-
解決在vue中使用swiper loop失效的問題一杠氢、html 及引入文件 1.引入文件 2.css樣式 3.html swiper使用方法： https://www.swiper.com.cn/usage/index.ht...
-
H5頁面喚起指定app或跳轉(zhuǎn)到應(yīng)用市場
場景1： 在 h5 頁面上，不管用戶是否安裝過該app另伍，都直接跳轉(zhuǎn)到應(yīng)用市場鼻百，讓用戶從應(yīng)用市場上打開app。 思路：這種場景處理比較簡單，直接判斷判斷是android端還是i...
-
Flex布局如何實(shí)現(xiàn)最后一個(gè)元素右對齊（CSS）Flex布局如何實(shí)現(xiàn)最后一個(gè)元素右對齊（CSS） 在最后一項(xiàng)元素使用樣式： margin-left: auto; 舉個(gè)栗子：
-
TS高級技巧（Pick温艇，Partial等）
1. keyof和in 1.1 keyof keyof 與 Object.keys 略有相似因悲，只不過 keyof 取 interface 的鍵 假設(shè)有一個(gè) object ...
-
如何讓Vue RouteLink跳轉(zhuǎn)到外鏈(其他網(wǎng)站)
背景 根據(jù) 百度谷歌, 我們知道如果要在Vue項(xiàng)目中跳轉(zhuǎn)其他網(wǎng)站, 只能通過 標(biāo)簽, 而RouteLink組件只能跳轉(zhuǎn)相對路徑. 所以如果要跳轉(zhuǎn)外鏈, 只能寫死 , 但在我的...
-
Vue實(shí)現(xiàn)圖片預(yù)加載原文地址 最近公司在做一個(gè)微信推廣的H5，由于圖片沒有托管在CDN勺爱，所以首次打開H5頁面圖片加載會出現(xiàn)卡頓的情況晃琳，特別影響動畫的效果。于是萌生了將所有圖片預(yù)加載的想法琐鲁，然后開...
-
Vue3 reactive響應(yīng)式賦值問題
來源：vue3中的reactive對象賦值問題 - SegmentFault 思否[https://segmentfault.com/q/1010000039940940?u...
-
vue3如何使用vue-router上一篇文章講了vue3+vue-cli4x如何創(chuàng)建項(xiàng)目 傳送門[http://www.reibang.com/p/6d8f5865f0ea] vue-router@next...
-
You may need an appropriate loader to handle this file type
在使用npm run build的過程中報(bào)的錯(cuò)蝎土，原因其實(shí)是webpack.config.js文件沒有配置好。 由報(bào)錯(cuò)內(nèi)容可以知道绣否，可能是安裝style-loader和css-...
-
【微信小程序canvas】實(shí)現(xiàn)小程序手寫板用戶簽名(附代碼)
【微信小程序canvas】實(shí)現(xiàn)小程序手寫板用戶簽名(附代碼) 工作中公司業(yè)務(wù)需要的微信小程序用戶簽字功能 先看效果圖： wxml js data 初始化 事件函數(shù) 筆跡開始 ...
-
微信小程序--上傳文件（圖片/word等）功能說道上傳文件誊涯，首先要想到微信官方文檔給的API，wx.uploadFile({ }) 通過這個(gè)API來達(dá)到上傳至服務(wù)器的效果：代碼示例如下 接下來我們先來說說上傳圖片功能蒜撮，這...
-
vue | 路由vue-router在新窗口打開頁面
vue的是單頁面應(yīng)用設(shè)計(jì)的漸進(jìn)式框架,但是有時(shí)在項(xiàng)目中也會出現(xiàn)新窗口打開頁面的情況,此時(shí),就需要vue-router的知識來解決 一.使用<router-link>標(biāo)簽 需要...
-
Vue+Websocket<簡單實(shí)現(xiàn)聊天功能>
效果圖： 此篇文章是針對Websocket的簡單了解和應(yīng)用暴构，利用Nodejs簡單搭建一個(gè)服務(wù)器加以實(shí)現(xiàn)。 首先創(chuàng)建一個(gè)vue項(xiàng)目段磨，會vue的我就不必多說了取逾；然后再創(chuàng)建一個(gè)se...