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

,

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

閱讀更多
0
/0 評論/通過：

如何在 Vue3 中使用 pwa （Chrome）

, ,

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

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

閱讀更多
3+
/0 評論/通過：

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

,

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

閱讀更多
0
/0 評論/通過：

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

,

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

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

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

閱讀更多
0
/0 評論/通過：

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

, ,

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

閱讀更多
0
/0 評論/通過：

canvas 繪製多邊形

,

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

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

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

閱讀更多
0
/0 評論/通過：

Vue3 的資料狀態管理，provide / inject、vuex、props

,

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

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

閱讀更多
4+
/0 評論/通過：

Vue3 + i18n 初始設定

,

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

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

閱讀更多
0
/0 評論/通過：