![[筆記] Element Plus Table 表格 Scope 型別](https://smlpoints.com/wp-content/uploads/notes-element-ui-customized-table-border-layout-1.jpg "[筆記] Element Plus Table 表格 Scope 型別")
[筆記] Element Plus Table 表格 Scope 型別
Element Plus 中的 el-table-column 其預設的 Slot 是沒有完整的 TypeScript 標註的。這邊藉由回傳值和爬了一下型別定義 Read More …
分類: 網頁開發 Web Development
![[筆記] Vue3 + Jest 的 Unit Test 單元測試重點整理](https://smlpoints.com/wp-content/uploads/notes-vue-2-with-typescript-1.png)
[筆記] Vue3 + Jest 的 Unit Test 單元測試重點整理
近期因開發需要，開始替自行封裝的套件撰寫單元測試。由於 Vue3 的相關內容較少，這邊筆記下一些撰寫時要有的重點和常見誤區。 內容 開發環境準備 請根據 Vue Read More …
[筆記] Element Plus 搭配 Vue-i18n 且符合 TypeScript 檢查的寫法總結
近期在自行二次封裝 Element UI 的表格時，遇上了 TypeScript 檢查和 Vue-18n 功能要能夠同時通過的情形。這邊筆記下可用的解法。 內容 Read More …
![[筆記] Not By AI 徽章 – 告知讀者你的內容是人類寫的](https://smlpoints.com/wp-content/uploads/notes-not-by-ai-bedge-1.jpg "[筆記] Not By AI 徽章 – 告知讀者你的內容是人類寫的")
[筆記] Not By AI 徽章 – 告知讀者你的內容是人類寫的
有鑑於 2022 年年末開始 AI 生成資源的浪潮興起，人們很難分別出你的內容是原創還是 AI 生成。這對 AI 的發展而言並不是件好事情，畢竟 AI 的訓練材 Read More …
![[筆記] Tailwind css – 含 RWD 的三欄式卡片製作](https://smlpoints.com/wp-content/uploads/notes-tailwind-css-3-set-developing-environment.png "[筆記] Tailwind css – 含 RWD 的三欄式卡片製作")
[筆記] Tailwind css – 含 RWD 的三欄式卡片製作
從 Tailwind CSS 問世以來，也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 實作一個三欄式卡片製作。 內容 1. 三欄時的寬 Read More …
[筆記] Element UI 的 El-form 之多列布局
Element UI 的 el-form 已有多種表格常用的函式和樣式，不過在排版上就略顯貧乏。實際上搭配 el-row, el-col 兩者就可以跑出單行多列 Read More …
[筆記] Tailwind css – 留言按鈕實作
從 Tailwind CSS 問世以來，也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 實作一個留言按鈕。 內容 1. 撰寫時可以先憑經 Read More …
![[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例")
[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例
對 Element-Plus 的套件進行二次封裝後，撰寫 Unit Test 來讓元件的可靠性提昇是個不錯的作法。這邊筆記下撰寫封裝第三方套件的 Unit Te Read More …
[筆記] Tailwind css – Dark Mode 深色模式
從 Tailwind CSS 問世以來，也經歷過了數年發展來到第 3 代。這回筆記下 tailwind css 如何呈現 dark mode。 內容 1. 設定 Read More …
