經(jīng)常遇到這樣的效果，數(shù)字的變化，比如從 0 到 500 這樣的。直接變當(dāng)然是可以的，但是加一些緩動(dòng)效果用戶體驗(yàn)會(huì)更好。 假設(shè)你在一個(gè)vue的項(xiàng)目中安裝依賴：npm inst...
IP屬地：山東
-
vue 實(shí)現(xiàn)數(shù)字緩動(dòng)效果 -
解決vue項(xiàng)目二次Loading chunk **** failed.
場(chǎng)景 vue項(xiàng)目重新打包發(fā)布時(shí)出現(xiàn)無(wú)法跳轉(zhuǎn)問(wèn)題。打開調(diào)試可以看見是無(wú)法找到對(duì)應(yīng)的文件。 錯(cuò)誤分析 vue打包的時(shí)候采用了路由異步加載的方式。當(dāng)訪問(wèn)了項(xiàng)目的某個(gè)界面（其他界面未...
-
vue實(shí)現(xiàn)可配置流程圖最近項(xiàng)目中有一個(gè)需求，實(shí)現(xiàn)可配置的流程圖。做之前也是調(diào)研了很多現(xiàn)成的插件，比如：go.js，G6，JSPlumb等，但是都不是太符合業(yè)務(wù)場(chǎng)景，都需要看文檔，進(jìn)行二次開發(fā)。最后...
-
我終于弄懂了Promise
1.什么是Promisea) ES6 異步編程的一種解決方案，比傳統(tǒng)的方案（回調(diào)函數(shù)和事件）更加的合理和強(qiáng)大b) 好處 異步操作以同步操作的流程表達(dá)出來(lái)，避免了層層嵌套的...
-
單休工作才3K嘛，縣城也算是偏低的生活水準(zhǔn)了，
面試n個(gè)前臺(tái)
公司要招聘一個(gè)前臺(tái)，條件：大專學(xué)歷，女性，年輕些，形象好些，會(huì)辦公軟件，認(rèn)真負(fù)責(zé)。簡(jiǎn)簡(jiǎn)單單的招聘條件，沒(méi)什么特殊要求，一般都可勝任。 公司位置稍偏，基本都是附近村莊的人來(lái)面試...
-
前端實(shí)現(xiàn)div（DOM）縮略圖htmlcanvas前段時(shí)間干好需要做一個(gè)流水線實(shí)時(shí)更新縮略圖 實(shí)現(xiàn)效果（菜鳥一枚，如果更好的實(shí)現(xiàn)方法還請(qǐng)指出，多謝） 首先準(zhǔn)備dom截圖的插件 使用的是html2canva...
-
html2canvas作用 html2canvas可以通過(guò)純JS對(duì)瀏覽器端經(jīng)行截屏，但截圖的精確度還有待提高，部分css不可識(shí)別，所以在canvas中不能完美呈現(xiàn)原畫面樣式 支持的瀏覽器 Fire...
-
私藏04，那些堪稱神器的地圖制作工具。
早上好呀。吟詩(shī)日日待春風(fēng)，及至桃花開后卻匆匆。 不知不覺(jué)，這個(gè)系列斷斷續(xù)續(xù)也已經(jīng)第四期了，私藏本身也是依據(jù)個(gè)人經(jīng)驗(yàn)總結(jié)來(lái)寫的教程、技巧、信息文章，也是對(duì)自身階段性的整理。所以...
-
Sortable.js相關(guān)
1.應(yīng)用場(chǎng)景 業(yè)務(wù)中實(shí)現(xiàn)列表拖拽排序 2. 相關(guān)鏈接 中文文檔與實(shí)例：http://www.itxst.com/sortablejs/neuinffi.html[http:/...
-
VUE中，比較好用的幾個(gè)Table組件
原生表格 SpreadJS[https://www.grapecity.com.cn/developer/spreadjs]電子表格 handsontable[https:/...
-
js獲取url參數(shù)值的幾種方式
方法一：采用正則表達(dá)式獲取地址欄參數(shù) (代碼簡(jiǎn)潔，重點(diǎn)正則） 調(diào)用方法： let 參數(shù)1 = GetQueryString("參數(shù)名1")); 方法二：split拆分法 (...
-
vue基于d2-admin的RBAC權(quán)限管理解決方案
前兩篇關(guān)于vue權(quán)限路由文章的填坑，說(shuō)了一堆理論，是時(shí)候操作一波了。 vue權(quán)限路由實(shí)現(xiàn)方式總結(jié) vue權(quán)限路由實(shí)現(xiàn)方式總結(jié)二 選擇d2-admin是因?yàn)閑lement-ui...
-
vue項(xiàng)目中element彈框（MessageBox）實(shí)現(xiàn)可拖拽
第一步： 第二步，直接照下面的代碼復(fù)制粘貼即可drag.js index.js 第三步，在需要的地方（有彈框） 第四步，完美結(jié)束
-
vue 文字橫向無(wú)縫走馬燈組件
marquee標(biāo)簽已經(jīng)廢棄了，只能手動(dòng)實(shí)現(xiàn)文字走馬燈樣式 基于vue組件開發(fā) 感謝@藝術(shù)青年陳國(guó)良提醒，用ref獲取元素,可以在頁(yè)面中多處應(yīng)用 父組件引入 import my...
-
(6) 三分鐘看懂動(dòng)態(tài)路由目標(biāo)：學(xué)會(huì)動(dòng)態(tài)路由的使用和設(shè)計(jì) 同學(xué)們，我又來(lái)了。這幾天老在琢磨，這一期講什么比較好。 想來(lái)想去，還是先把動(dòng)態(tài)路由說(shuō)一下，因?yàn)檫@個(gè)坑，真的很大！ 如果沒(méi)有人帶，自己百度的話，...
-
2020 vuejs 中組件實(shí)現(xiàn)組件化 組件化是任何一個(gè)框架必須實(shí)現(xiàn)，如何將定義組件(js 對(duì)象)轉(zhuǎn)化為 dom 對(duì)象，以及組件的屬性轉(zhuǎn)換為 dom 屬性，這是每一個(gè)前端框架在設(shè)計(jì)時(shí)需要認(rèn)真思考和設(shè)計(jì)的問(wèn)題...
-
VUE WebSocket的使用直接附上代碼： created(){ this.initWebSocket(); }, destroyed(){ this.websock.close();//離開路由之后斷...
-
vue項(xiàng)目中實(shí)現(xiàn)刷新頁(yè)面的幾種方法1、方法 最直接的刷新方式：刷新整個(gè)頁(yè)面 location.reload();this.$router.go(0) // 0 刷新 ； -1后退 ---以此類推 這兩種方式...