如何在 Vue3 中使用 pwa （Chrome）

, ,

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

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

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

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

, ,

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

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

canvas 繪製多邊形

,

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

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

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

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

vue 全站鎖右鍵

, ,

想要整個網站都鎖右鍵，就要寫在App.vue的mounted裡面。

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

Safari 出現 SyntaxError: Invalid regular expression: invalid group specifier name

,

專案中如果有使用到正則表示，在Safari瀏覽器會在某個正則規則下，無法解析出來，就會出現 SyntaxError: Invalid regular expression: invalid group specifier name 的錯誤，然後整個網頁就會空白。

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

vue 的axios interceptors error希望彈出element-ui 通知

, ,

通常在 vue 專案中，我們會把 axios 單獨出一隻檔案，在裡面會創建 axios 實例、實作 request 和 response 的攔截器…等等。

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

如何讓fetch也可以有timeout效果

,

最近在公司接到一個小小的react native案子，整個app只有兩頁，之前使用vue做網頁平台的時候，與後端請求溝通都是使用axios這個套件，有很多的config參數可以設定，裡面就包含了請求逾時timeout。

可是我並不想只為了這些十支以內的api去裝axios套件，所以打算自己用fetch寫一個api底層，當然fetch最大的問題就在於：他沒有timeout這種參數給你設定。

要是你網路不穩，他就會一直等啊等啊等啊～

上網找了一堆資料，其中有些人提出用Promise.race方法，概念是：在race陣列中放入兩個function，一個是call api的fetch，另一個是單純的setTimeout，要是setTimeout先完成，就表示逾時拉～

但是在繼續查又看到google大大有提出超完美解法：原文在這裡

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