RexHung's Blog

塵世中一個前端迷途小書僮!

0%

Introduction & 前言

Webconf Logo

經歷了十年,Webconf 又重啟了一次會議,這次場地在 台北張榮發國際會議中心,這是一個什麼會議呢?

『WebConf 不僅僅關注過去,還關注網頁的未來趨勢和新興技術,並提供業界趨勢及發展方向,以協助企業更好地了解未來網頁發展的方向。』 - 引述官方網站的話,基本就是介紹這數十年以及現在還有未來網頁相關的議題。

接下來筆者將會將所聽到一些比較有趣的內心紀錄在此處,有興趣的歡迎繼續看下去。

這篇是第二天的心得紀錄

閱讀全文 »

Introduction & 前言

Webconf Logo

經歷了十年,Webconf 又重啟了一次會議,這次場地在 台北張榮發國際會議中心,這是一個什麼會議呢?

『WebConf 不僅僅關注過去,還關注網頁的未來趨勢和新興技術,並提供業界趨勢及發展方向,以協助企業更好地了解未來網頁發展的方向。』 - 引述官方網站的話,基本就是介紹這數十年以及現在還有未來網頁相關的議題。

接下來筆者將會將所聽到一些比較有趣的內心紀錄在此處,有興趣的歡迎繼續看下去。

閱讀全文 »

Introduction & 前言

CASL 權限管理系統

你是否接觸過 React 呢?在 JavaScript 裡面寫 HTML 的格式已經很習慣了吧!

如果你正在接觸 Vue 但是苦惱怎麼在 Script 裡寫 JSX,可以參考一下這篇文章。

如果你正初學 Vue.js 或者還沒接觸框架也可以參考一下,後續會介紹 JSX 是什麼。

閱讀全文 »

Introduction & 前言

CASL 權限管理系統

你的專案是否曾經碰過以下的需求:

  • 這個畫面需要管理者才能刪除,一般的用戶不能刪除
  • 我需要依照帳號角色來決定要顯示什麼
  • 這麼多地方要寫判斷能不能顯示畫面,一堆 if-else 好醜啊,怎麼美化

如果剛好你有需要做權限的需求,剛好要碰到權限判斷,那 CASL 真的是完全符合你的選擇,

接下來我將記錄一篇怎麼在 Next 使用這套 Plugins 的過程。

CASL 可以在 Server端Client端 安裝使用,如果你使用 Express、Koa、NestJS前端三大框架(Vue、React、Angular) 皆可以使用,方法也差不多。

閱讀全文 »

Introduction & 前言

SonarQube 糞 Code 守門員

『奇怪怎麼程式碼越寫越大包?』『同事的 PR 一次常常都幾百幾千行,到底怎麼看?』『專案的技術債越來越重啊…』

你是不是曾經有過這樣的時候呢?當專案越來越多人的時候,發現技術債越來越龐大時,似乎已經來不及了,有沒有什麼好方法呢?

這篇文章將會帶你簡單入門 SonarQube ,讓你在代碼審視上更加輕鬆。

閱讀全文 »

Introduction & 前言

Next.js + TS + ESLint + Prettier

你開發使用 Tab 還是 Space 縮排呢?兩格還是四格?單引號還是雙引號?

哎呀,git pull 下來怎麼排版又跑掉了…

這個 function 傳進來的參數到底是 string 還是 number

來吧!這篇文章將你的痛處一次解決。

閱讀全文 »

Introduction & 前言

Mint Fail

相信玩 NFT 一段時間的人一定都聽過嘟嘟房事件,這篇文章將會記錄該怎麼處理 NFT 白名單的方法,且可以避開高額的氣費。

如果不知道這是什麼,可以參考 Rex 前輩寫的文章 嘟嘟房NFT出包事件懶人包,如果簡單說就是智能合約的白名單寫法沒有寫好,導致持有白名單的人 Pre-Mint 發生了需要支付高額的氣費,而且還 Mint 失敗。

閱讀全文 »

Introduction & 前言

Proxy

如何部署一個可升級合約?如果我們發布了一版合約,突然想到有些漏洞或者需要進行修改,該如何不影響已經使用的 Dapp 重新部署呢?

這邊筆記記錄如何部署一個可升級合約,當中也記錄一些筆者碰到的問題,希望能跟各位一起成長,如果內容有誤請盡情指出,謝謝。

閱讀全文 »