![[筆記] Element Plus Table 簡易封裝練習](https://smlpoints.com/wp-content/uploads/notes-element-ui-customized-table-border-layout-1.jpg "[筆記] Element Plus Table 簡易封裝練習")
[筆記] Element Plus Table 簡易封裝練習
雖說 Element Plus 其 el-table 搭配 el-column 已經算挺方便的，但在不同頁面中都要複製類似的程式碼再修修改改，效率上會變慢一些。 Read More …
分類: 程式語言 Programming Language
![[筆記] Jest 測試 – 取得 transition-group 的內容](https://smlpoints.com/wp-content/uploads/notes-jest-content-in-describe.jpg "[筆記] Jest 測試 – 取得 transition-group 的內容")
[筆記] Jest 測試 – 取得 transition-group 的內容
撰寫 Vue 的測試時，遇上要取得用 transition-group 包裹的內容。這邊筆記下取得的方式。 內容 由於動畫效果是需要計時的，所以要善用 Jest Read More …
[筆記] Element Plus Table 表格 Scope 型別
Element Plus 中的 el-table-column 其預設的 Slot 是沒有完整的 TypeScript 標註的。這邊藉由回傳值和爬了一下型別定義 Read More …
![[筆記] 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 …
[筆記] Jest 測試 – describe 描述文字的參考字句
撰寫測試時，describe 的文字描述可以讓開發者能夠更清楚掌握裡頭的 it, test 的目的。這邊筆記下一些可能的字句作參考。 內容
[筆記] Jest 測試 – 比對陣列內出現某個字串次數
在撰寫測試程式的斷言時，往往會遇上要比對陣列內出現某些字串的次數，讓程式碼可以更為精簡好讀。這邊筆記下實踐方法。 內容 由於 toContain 方法是沒有辦法 Read More …
[筆記] TypeScript enum 列舉搭配 Vue3 使用的注意事項
列舉 enum 是 TypeScript 提供的一樣好用功能，他可幫助開發者在需要指定特定類型時給予協助 ( 不然你就只能寫 string，然後期望其他開發者可 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 …
