第 1 頁

打勾框符號

無痛導入的 Vue 無頭表單驗證:VeeValidate

近期在遷移舊的 Element Plus 專案是必要找到另一款客戶端表單驗證方案,而在使用 Shadcn Vue 過程中發現 VeeValidate 是一款針對 Vue 製作的無頭表單驗證工具,你可以攜帶自己的 UI 整合,使用原生表單元件也不是問題。

人與各種形狀圖示

學習 Go interface 實踐多型

對於「多型 Polymorphism」的概念理解像是「要做一件事,但這件事對不同對象來說實踐的方式不同」。具體來說像是各種「形狀」都可以「算面積」,但背後實踐的方法卻不同,而在 Go 當中 interface 就是方法的集合。

板手圖示

像 Class Method 的奇特 Go Receiver Function

第一次看到 Go 的 Receiver 函式會覺得這是啥怪語法,函式名前面還能接收參數?Go 語言提倡「Composition over inheritance」(組合優於繼承),並極力追求程式碼的簡潔性,以此迴避 class-based OOP 所帶來的複雜性。

指標圖示

學習 Go Pointer 與 Passing by reference 的差異

Go 設計上一切數值都是直白的「Passing by value」,會有「Passing by value」的效果原因是因為 Reference Types 帶有指標,複製時是複製指標值。要讓 Value Types 有 Passing by Reference 的效果要顯式的使用 Pointer。

指標图示

学习 Go Pointer 与 Passing by reference 的差异

Go 设计上一切数值都是直白的「Passing by value」,会有「Passing by value」的效果原因是因为 Reference Types 带有指标,复制时是复制指标值。要让 Value Types 有 Passing by Reference 的效果要显式的使用 Pointer。

表格圖示

TanStack Table 拯救前端複雜的資料表格呈現問題

前端生涯中遇到無數攸關資料呈現的需求需要解決,而 TanStack Table 是一款第一眼看起來很多餘複雜但實際上能省下無數時間的一個優質套件,如果有任何「大量表單、中大型表單應用」我會強烈推薦。在實際工作中我透過導入 TanStack Table 在幾天時間內就能把現有表單大多複雜功能重現。

表格图示

TanStack Table 拯救前端复杂的数据表格呈现问题

前端生涯中遇到无数攸关资料呈现的需求需要解决,而 TanStack Table 是一款第一眼看起来很多余复杂但实际上能省下无数时间的一个优质套件,如果有任何「大量表单、中大型表单应用」我会强烈推荐。在实际工作中我透过导入 TanStack Table 在几天时间内就能把现有表单大多复杂功能重现。

程式文件符號

打造前後端 API 資料合約(GraphQL、tRPC、oRPC)與相關變通方案

使用 TypeScript 確保程式型別安全以維持大型前端專案的品質和維護性已經是很成熟且常見的做法,但有一項最常見的破口會讓程式變得脆弱且混亂:「程式間 API 溝通」。TypeScript 本身雖然能靜態檢查程式內部的型別正確性,但只能在程式執行階段驗證資料格式才能真正確保型別安全。

程式文件符号

打造前后端 API 数据合约(GraphQL、tRPC、oRPC)与相关变通方案

使用 TypeScript 确保程式型别安全以维持大型前端专案的品质和维护性已经是很成熟且常见的做法,但有一项最常见的破口会让程式变得脆弱且混乱:「程式间 API 沟通」。 TypeScript 本身虽然能静态检查程式内部的型别正确性,但只能在程式执行阶段验证资料格式才能真正确保型别安全。