前端校驗屆的超新星,已被各大知名項目採用!

2025年03月19日20:32:06 科技 2000

最近發現越來越多的項目用到了 Zod 這個庫了,就比如 vben-pro 就整體都使用了 Zod 來進行校驗工作。它將帶領前端校驗走向新的高度~

前端校驗屆的超新星,已被各大知名項目採用! - 天天要聞

地址;https://zod.dev/

它主要具備的特點有:

  • TypeScript-first: Zod與TypeScript深度集成,能夠自動推斷類型,減少類型錯誤。
  • 簡潔易用: Zod的API設計簡潔,易於上手。
  • 強大的驗證功能: 支持多種數據類型和複雜的嵌套結構驗證。
  • 可擴展性: 允許開發者自定義驗證規則和錯誤消息。

前端校驗屆的超新星,已被各大知名項目採用! - 天天要聞

基本使用

Zod 的核心思想是通過定義 「模式」(Schema) 來描述數據的形狀,然後使用這些模式來驗證輸入數據是否符合預期。

定義模式

Zod的核心是定義模式。模式是對數據結構的描述,可以是簡單的字元串、數字,也可以是複雜的對象或數組。

前端校驗屆的超新星,已被各大知名項目採用! - 天天要聞

驗證數據

定義好模式後,可以使用 parse 方法來驗證數據是否符合模式。

前端校驗屆的超新星,已被各大知名項目採用! - 天天要聞

處理錯誤

當數據不符合模式時,Zod 會返回詳細的錯誤信息,幫助開發者快速定位問題。

前端校驗屆的超新星,已被各大知名項目採用! - 天天要聞

高級用法

嵌套對象和數組

Zod 支持嵌套對象和數組的驗證,非常適合處理複雜的數據結構。

前端校驗屆的超新星,已被各大知名項目採用! - 天天要聞

自定義驗證規則

Zod 允許開發者自定義驗證規則,以滿足特定的業務需求。

前端校驗屆的超新星,已被各大知名項目採用! - 天天要聞

類型推斷

ZodTypeScript 深度集成,能夠自動推斷模式對應的 TypeScript 類型。

前端校驗屆的超新星,已被各大知名項目採用! - 天天要聞

科技分類資訊推薦

長安與東風重組新進展:朱華榮稱不會改變長安既定戰略 - 天天要聞

長安與東風重組新進展:朱華榮稱不會改變長安既定戰略

2月9日,長安汽車和東風集團股份(00489.HK)同步發布了控股股東「正在與其他國資央企集團籌劃重組事項」的信息。長安汽車的控股股東是兵裝集團,而東風集團股份的控股股東是東風公司。隨即,長安汽車和東風集團這兩家汽車央企將合併重組,成為業內關注的焦點。
公安部出手了!年齡限制放寬10年、送考下鄉,2025年考駕照不難了 - 天天要聞

公安部出手了!年齡限制放寬10年、送考下鄉,2025年考駕照不難了

電動車加強管理以後,要求機動車類型的車輛需要持證上路,但是老年人考駕照卻受阻,一方面有年齡的限制,另一方面偏遠山區考駕照不方便,所以在2025年公安部出手了,年齡限制放寬10年,同時推出送考下鄉服務,還進一步的降低考駕照的費用,2025年起考摩托車駕照不難了。
從「星靈安全守護體系」到昊鉑HL,看懂廣汽科技日 - 天天要聞

從「星靈安全守護體系」到昊鉑HL,看懂廣汽科技日

發布會以技術切入,並全程圍繞安全展開。廣汽集團董事長、總經理馮興亞率先登場,宣布2025年四季度將正式上市支持L3級智能駕駛的車型,他同時強調面向自動駕駛時代對智能駕駛技術、整車安全架構以及突發風險處理能力的要求更高。如何才能滿足更高的要求?馮興亞提到了「廣汽
關稅大棒下,最受傷的車企出現了 - 天天要聞

關稅大棒下,最受傷的車企出現了

特朗普的關稅大棒剛揮出,尚未嚇退「外敵」,卻先刺痛了自己。近日,擁有瑪莎拉蒂、Jeep等14個品牌的全球第四大車企斯泰蘭蒂斯突然宣布裁撤900名美國工人,關閉加拿大和墨西哥兩家工廠,北美生產線陷入癱瘓。幾乎同一時間,捷豹路虎宣布暫停對美出口一個月,奧迪更是直接