Lala的前端大補帖

在製作專案時，遇到了不規則形狀的 tag，我使用了 clip-path 來達成不規則形狀的效果

版本 @material-ui/core v5

在使用 React Material UI 時，版面上有設定了一個 fixed 的元素，但在打開 Modal 後，元素會跟著移動，畫面的移動讓使用者體驗不好

在現代移動裝置廣泛使用的環境下，有極大部分的網路使用者，都是透過手機等行動設備來進行企業服務查詢、電商購買、知識搜索等行動，根據 Meltwater 和 We Are Social 合作製作的《數位 2023 年全球概覽報告》分析，針對全球的數位使用情形，用行動裝置上網的比例已高達 91%，顯然使用手持裝置上網已經是瀏覽網站的趨勢。

在去年七月中時報名了 Voicetube Hero 零元挑戰，只能說這需要非常有恆心，
就算出去玩也要帶著電腦(APP不支援家教課)，就怕回家來不及上英文課😆
就在整個半年都不缺席的情況下，我挑戰成功啦～好感動🎉🎉🎉
成功了然後呢? 當然是申請退費啦!!

今天讀了最近很紅的暢銷書，光看書名就直接打中我的點！
很多人都有拖延症卻不知道怎麼改善，總會有一些藉口，

「今天好累，明天再開始好了」

「等有靈感再開始好了」

「少做一次應該還好吧」

「等我瘦了再去健身房運動」

但其實這些藉口是有辦法避免的，以下是我閱讀這本書後，整理出的一些重點，好讓拖延症又復發時提醒自己💪

今天在 Github Actions 部署專案時，遇到了錯誤

1

Permission to [Repository].git denied to github-actions[bot].

在製作 Swiper 輪播時，我希望 mouseenter 到 thumb 時，就會指定到該 slide
但卻出現了以下錯誤：
Uncaught TypeError: imagesSwiper.value.slideTo is not a function
*版本 vue: ^3.3.4 / swiper: ^11.0.3

近年來 AI 的崛起，網路上出現了很多 AI 技術，像是利用 AI 產出圖片、請 AI 寫企劃、論文、做音樂等等的，在前端開發時也可以請 AI 幫我們寫程式，協助工程師在前端開發時更順暢、省時間、卡關不會卡太久 😆
接下來就來分享 3 個在前端開發時，可以搭配使用的 AI 工具。

記錄一下 2023 都做了哪些事情~

在製作 Vue-i18n 多國語系專案時，有一部分的文字本來是吃本地端的語系檔，而需求改為吃線上的語系檔，但改完後出現了下面的警告
[intlify] Not found ‘xx’ key in ‘zh_TW’ locale messages.
[intlify] Fall back to translate ‘xx’ key with ‘en’ locale.