障礙排除 Zero-width-space 編碼

神秘符號 Zero-width-space, ZWSP（看不見的空白）

你有沒有遇過一種狀況，明明你的畫面上呈現只有「ABC」或是「123」，但當你在執行程式碼或者是打 API Url 的時候，你卻無法正常運作或打出去，這其實有可能是所謂的「神秘符號」所造成的，這邊我們來談談這個神秘符號 Zero-width-space 以及該如何解決這個問題。

2024-07-15 3 分鐘閱讀

閱讀全文

JavaScript Array Filter

JavaScript 陣列操作方法中的 Filter 小技巧

實戰上我們時常使用 JavaScript 陣列操作方法 Filter 來過濾篩選陣列中的特定元素，例如：這個陣列中只要數值大於 10 的就會被過濾出來，所以實戰上可以說是非常常用的方法。

2024-05-14 4 分鐘閱讀

閱讀全文

CSS JavaScript 選取

該如何避免使用者透過滑鼠選取特定元素？

有些時候，我們網站上可能有某些區塊會不想要讓使用者可以選取，那麼這一篇就來記錄一下有哪些方式可以避免使用者選取特定元素。

2024-05-05 3 分鐘閱讀

閱讀全文

團隊溝通 團隊合作 建立信任感

團隊溝通指南：解決衝突、建立共識與信任

不論是在工作或是學習階段，只要跟人扯上關係，就一定會發生溝通摩擦，所以該如何避免以及當問題發生時，要如何解決就會是這一篇我想分享的經驗所在，透過一些方式我們可以讓原本冷凍的關係慢慢變得融化哩。

2024-05-04 9 分鐘閱讀

閱讀全文

JavaScript UUID 唯一值

不安裝 npm 套件也可以直接在瀏覽器上生成 UUID！

我們在撰寫文章或簡單的範例時，很常會需要去撰寫一些假資料，而這些假資料通常我們會搭配一個唯一值，也就是所謂的唯一值 key/id，所以這一篇就來介紹一下如何不使用套件就直接產生唯一值 key/id 吧！

2024-05-01 5 分鐘閱讀

閱讀全文

Discord 障礙排除 GitHub Pages

解決 GitHub Pages 無法驗證 Discord .well-known 網域問題

最近想要替自己的 Discord 綁定驗證網域的功能，但發現踩了一個雷，所以這邊記錄一下。

2024-04-22 2 分鐘閱讀

閱讀全文

Vite pnpm Vue3

Monorepo？來聊聊另一種專案管理架構吧！使用 Vite+ pnpm 建立 Vue3 Monorepo

Monorepo 是什麼呢？而這個專案架構又與普通的專案架構有什麼不同呢？剛好最近有相關專案的需求，所以就寫這一篇記錄一下。

2024-04-13 10 分鐘閱讀

閱讀全文

Windows Windows 10 關機

你知道嗎？Windows 的關機並不是真的關機

其實在後來的新版 Windows 多了一個「快速啟動」的機制，這個機制雖然有助於提升使用體驗，但卻也讓我踩到了一個雷，所以這一篇來記錄一下如何關閉快速啟動。

2024-03-24 3 分鐘閱讀

閱讀全文

Node.js npm npm-check-updates

用 npm-check-updates 幫助你更新專案套件吧！

老實講，老舊專案要更新套件真的是一件超級麻煩的事情，所以這一篇就來分享一下如何更新 package.json 中的套件版本吧！

2024-03-21 5 分鐘閱讀

閱讀全文

Vue Composition API ref

來聊聊 Vue3 Composition API 變數宣告的另一種設計

最近在跟朋友聊 Vue Composition API 的時候，順便翻了一下官方文件，剛好看到一個區塊滿有趣的就順便寫一篇文章來記錄哩。

2024-03-13 8 分鐘閱讀

閱讀全文