Lala Code

最近做專案時，設計師希望行動版第一區塊可以滿版呈現，而當下第一個念頭就是用 vh 來做，但實際在手機看時發現，不管是 Chrome 或 Safari 瀏覽器，底下的 UI 工具列都會擋到內容，沒辦法完整呈現 🤔

在做專案時，設計稿上有個圓形，設計師希望呈現出不規則橢圓的動畫效果，我把它稱之為變形蟲效果😆
就像上圖所呈現的，動畫效果持續為不規則橢圓，並且會漸漸的變色

如何做到的呢？這其實不難～跟著我一起往下做吧！

Google Publisher Tag 是一種 JavaScript 標籤庫，簡稱為 GPT (跟 ChatGPT 沒關係嘿~XD)，用於在網頁上展示廣告並管理廣告投放。GPT 是 Google Ad Manager 平台的重要組成部分，它提供了強大且靈活的功能，幫助網站管理者優化廣告展示，提高廣告收入

本篇文章將會介紹如何操作 Google Publisher Tag，在網站成功顯示廣告~👍

在製作專案時，遇到了不規則形狀的 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