優化 javascript 連續播放 mp3 音頻 audio 在 ios 上的延遲問題

這篇我光是文章標題就想好久,到底要怎樣一句話就包含所有關鍵字然後說明我到底遇到什麼問題(乾笑

是這樣的,因為最近接一個網頁遊戲的案子,如果有贏的話就要連續播放「叮叮叮叮」的聲音來後開始得分跑數字。

業主給我的 mp3 檔案只有「叮」一聲,所以我要依照玩家贏多少分,「叮」這個聲音就要看我得幾分,就跑幾次,也可以每十分跑一次拉,不然跑太久,反正這是細節。

閱讀更多
0

[純css動畫] 波浪

憂鬱的星期一,來拍個片好ㄌ~

最近好像很流行這種動態的背景,真心純css不騙,然後沒有svg 不怕不怕:

youtube:點這裡查看

codepan:點這裡查看

閱讀更多
0

React Next.js 如何設定路徑別名 alias

我們知道專案的一些基本設定,通常都會需要寫在某個 config 檔案中,但是創建 next.js 的專案時,初始他不會自動幫你產生 config 檔,所以我們要自己創建。

閱讀更多
0

如何在 Vue3 中使用 pwa (Chrome)

其實 PWA 在哪個框架中使用,都沒有太大的差異,但是往往這一行 code 到底要放哪裡,我就是不知道啊XDD

最近的專案剛好都是用 vue3 來實作,自然要把 pwa 放進去 vue3 中也勢必要來解一篇紀錄一下,不然下次就又忘記了。

閱讀更多
0

Vue3 使用 getCurrentInstance 在 production 環境中不能使用 ctx ?

因為目前只比較常用 Elementui-plus ,要使用他的 message api ,vue2 我們可以直接用 this.$message去拿他全局註冊的方法,但vue3 沒有this啊!所以就要用 getCurrentInstance 這個 funciton 拿到全局註冊的方法。

閱讀更多
0

[淺談] 架設網頁(網站)系統需要知道的幾件事

近幾年軟體技術的普及,系統開發已經不再是大公司的專利,許多中小企業,甚至到一人公司、工作室、教育機構、KOL、任何領域都會需要有一套屬於自己業務流程的系統,例如:診所的掛號系統、公司人事管理系統、餐廳訂位系統、商店會員管理與集點系統、零售商進銷存系統、個人存股計算利率系統…。

 

閱讀更多
0

純 css 區分 hover in / out 不同動畫

codepan 上面看到一個很有趣的 hover 效果,於是想說不要看他的程式碼,自己來實作看看。

一般我們要區分滑鼠進入或是離開,會需要用到 javascript 來監聽 moseover / mouseleave ,但是如果你是簡單的效果的話,不妨可以用 css 實作看看。

重點在於使用不同的 transition 條件,去阻擋某些應該要變化的屬性,hover沒有 hover的 css 使用不同的 transition 條件,就會看起來很像不同的動畫。

閱讀更多
0

[不安裝套件] 製作響應式 RWD 輪播效果 Slider

如題,我個人並不是很排斥安裝 javascript 套件,因為畢竟人家花心思做出來的東西就是會想得比較全面,可是有時候我們就是用不到這麼多功能,所以可以自己動手做的就試著做做看吧!

閱讀更多
0