如何使用 metamask 領取 Rinkeby 測試用以太幣？

,

如題，我們要開發智能合約的時候，不論是要部署合約，或是修改鏈上資料，即使你是在測試鏈上操作，他還是會意思意思要扣你以太幣喔！這樣感覺比較真實，你也會知道你真實部上去之後，每一步驟或是部署時會被扣多少gas。

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

如何使用 docker 部署純 html 網站？

, ,

如題，有時候我們做簡單的網站不會用到javascript框架，但是還是可以使用docker部署。

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

next.js 串接 google recaptcha verify2 invisible 新手教學

,

我不是機器人驗證，在一些敏感資訊的交互時候可以加上，確保操作者確實是本人。

驗證方式Google有提供兩個版本：v2、v3

其中v2版本又分為：checkbox（就是會有一個勾勾要打勾選我不是機器人）、invisible（從背景打api驗證送給後端）

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

如何在 next.js 中使用巢狀的 layout？

,

通常我們的網站會有Topbar、Footer之類的，在next.js專案中我們會把這樣的layout寫在一起：

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

如何使用 Doceker 打包 next.js 專案？

, ,

使用 next.js 製作網站不外乎就是為了 ssr 這個重點，因為一般的 SPA 網站像是純 react 或 vue，是沒有 seo 的，也就是當我們做好網站，google 搜尋引擎是搜尋不到你的內容的。

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

vue3 + Validate.js 表單驗證新手教學

,

如果我們使用ui框架，通常都會有封裝好的form可以幫你驗證。

但是如果你沒有使用ui框架，驗證的效果就要自己寫囉！

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

[純css] bootstrap5 Dropdown 下拉選單加上動畫

,

bootstrap中的dropdown menu顯示或隱藏，是使用了.show這個class來控制選單的display:none; 或 display:block;，因此我們沒有辦法直接針對display去寫動畫。

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