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

閱讀更多
0

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

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

閱讀更多
3+

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

閱讀更多
0

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

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

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

閱讀更多
0

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

閱讀更多
0

在 hahow 買了吳哲宇老師的「動畫互動網頁特效入門(JS/CANVAS)」課程之後,就有一搭沒一搭的看,因為課程內容實在太多了,所以後來索性都跳著看。(我不是業配喔,程度不到~還沒有人要找我業配QQ)

今天一樣是心血來潮的一天,看了一下 第 5 章的第2單元,在教相對座標加上迴圈畫出重複的圖形~

反正就是有一個作業拉,說要畫出12邊形,於是就來實作一下。

閱讀更多
0

進入 vue3 後,多了一種跟 react 很像的資料管理方式 provide / inject,和 vuex 相同的是他可以跨組件讀寫資料,但是和 vuex 不同的是跨組件的範圍僅限於 provide 註冊那一層的子組件。

也就是說 provide 類似於 props 把資料傳入子組件,props 只能傳一層,但 provide 可以下去好幾層都可以存取,官方概念圖如下:

閱讀更多
4+

我在 vue2 已經有用過 i18n 了,怎麼搬到 vue3 就出現各種錯誤呢?

Vue3 因為 Composition API 的緣故,在引入套件上面有改一些寫法,直接從 vue2 直接搬過來是會有問題的,那就從頭開始安裝起吧!

閱讀更多
0