摘要：
本文把之前做的幾個抽獎動畫歸納在一起，方便以后參考。 抽獎動畫 - 鯉魚跳龍門 抽獎動畫 - 紅包雨抽獎 抽獎動畫 - 十二宮格抽獎 抽獎動畫 - 開寶箱抽獎 抽獎動畫 - 九宮格抽獎 抽獎動畫 - 滾動抽獎 抽獎動畫 - lao虎機抽獎 抽獎動畫 - 大轉盤抽獎 閱讀全文
posted @ 2025-08-30 18:26
nd
閱讀(34)
評論(0)
推薦(0)
摘要：
08年畢業就開始接觸javascript，當時是做asp.net發現很多功能用asp.net控件解決不了，比如checkbox單選，全選問題，自動計算總價問題，刷新問題，等等。那時感覺javascript好討厭，沒有好的框架和調試工具，痛不欲生。如今javascript框架漫天飛舞，jquery，z 閱讀全文
posted @ 2016-05-30 20:31
nd
閱讀(5905)
評論(11)
推薦(27)
摘要：
用戶在文本框中輸入1,2,3,4,5 ,然后直接轉變成tag，如果輸入錯誤，可以直接點擊叉號關閉當前，前端代碼實現如下： <template> <el-input-tag ref="inputRef" tag-type="primary" v-model="obj.model" clearable 閱讀全文
posted @ 2025-03-27 10:36
nd
閱讀(128)
評論(0)
推薦(0)
摘要：
移動端使用van-uploader連續上傳兩個圖片，ajax接口也會出現報錯ERR_UPLOAD_FILE_CHANGED，這個地方還真要用到上一篇提供的方案，先把圖片轉成base64字符串，上傳前再轉成File對象。 1.問題描述 同上一篇el-upload拍照上傳多個文件報錯 ERR_UPLOA 閱讀全文
posted @ 2024-06-26 11:04
nd
閱讀(338)
評論(0)
推薦(0)
摘要：
最近同事使用el-upload上傳圖片時出現一個問題，連續拍照多個圖片的時候，循環調用接口上傳會報錯： ERR_UPLOAD_FILE_CHANGED，網上找了很多方案沒有解決，下面是我自己的解決過程。 1. 問題描述 我們用的套殼Android，網頁發布在遠程服務器，Android殼安裝在ipad 閱讀全文
posted @ 2024-06-13 20:00
nd
閱讀(617)
評論(2)
推薦(1)
摘要：
我們最常見的跳轉方式是location.href = "http://www.baidu.com"， 這種是最常見的，但是常常使用location.replace，location.assign,，window.open，history.replaceState，location.reload等，這 閱讀全文
posted @ 2023-02-07 23:17
nd
閱讀(1451)
評論(0)
推薦(0)
摘要：
svga動畫 本文介紹的動畫不是css，js動畫，是使用插件播放svga文件。 1.需求 UI同學在做一個春節活動，活動中需要有個開場動畫，原本想的簡單，不涉及接口調用邏輯，就直接用做一個gif圖片由前端來顯示就好了，但是這個gif做出來之后圖片太大了，頁面加載慢，如下圖1 gif圖片還有一個問題， 閱讀全文
posted @ 2023-01-13 19:13
nd
閱讀(1256)
評論(0)
推薦(3)
摘要：
使用瀏覽器inspect調試app 在開發混合項目的過程中，常常需要在app環境排查問題，接口可以使用fiddler等工具來抓包，但是js錯誤就不好抓包了，這里介紹一種調試工具-瀏覽器。 1.調試過程 先看實現步驟 首先電腦打開edge瀏覽器，地址欄中輸入edge://inspect/#device 閱讀全文
posted @ 2022-12-18 20:53
nd
閱讀(4395)
評論(0)
推薦(2)
摘要：
before-after-hook 最近看別人的代碼，接觸到一個插件，before-after-hook，百度搜一圈也沒有看到什么地方有教程，看這個字面意思是一個hook，和axios里面的攔截器，vue-router里面的導航守衛類似。插件名字暫且叫它“前后鉤子”吧，本文簡單介紹這個插件的使用方法 閱讀全文
posted @ 2022-12-15 12:56
nd
閱讀(290)
評論(0)
推薦(0)
摘要：
鯉魚跳龍門動畫 1. 需求 年中618營銷活動要求做一個鯉魚跳龍門的動畫，產品參考了某寶上的一個動畫，要求模仿這個來做一個類似的動畫。產品提供的截屏視頻如下： 圖1 從這個視頻里得到的信息，我們可以把動畫分解一下： 321倒計時結束，動畫開始播放。 小河背景向下滾動，看上去小魚在不停的向上游動，其實 閱讀全文
posted @ 2022-08-12 14:17
nd
閱讀(376)
評論(0)
推薦(0)
摘要：
本文介紹一個小型動畫庫anime.js，anime.js 是一款功能強大的Javascript 動畫庫插件。anime.js 可以和CSS3 屬性，SVG，DOM 元素和JS 對象一起工作，制作出各種高性能，平滑過渡的動畫效果。 anime.js雖然沒有其他動畫庫功能強大，但是它包含的功完全能夠滿足 閱讀全文
posted @ 2022-08-12 14:16
nd
閱讀(1250)
評論(1)
推薦(0)
浙公網安備 33010602011771號