前端人
专注前端开发技术分享,助力初学者更好成长
展开
-
async-validator 源码学习笔记(六):validate 方法
系列文章:1、async-validator 源码学习(一):文档翻译2、async-validator 源码学习笔记(二):目录结构3、async-validator 源码学习笔记(三):rule4、async-validator 源码学习笔记(四):validator5、async-validator 源码学习笔记(五):Schema一、validate 介绍validate 是 async-validator 的核心方法,不仅需要掌握它的使用,也需要了解它的原理。使..原创 2022-03-30 14:29:26 · 366 阅读 · 1 评论 -
async-validator 源码学习笔记(五):Schema
系列文章:1、async-validator 源码学习(一):文档翻译2、async-validator 源码学习笔记(二):目录结构3、async-validator 源码学习笔记(三):rule4、async-validator 源码学习笔记(四):validatorSchema 是 async-validator 库的标准使用方式,使用 class 类的形式和构造函数方式进行定义的。一、Schema 类使用方式在官方文档中 Schema 的使用方式有如下几步:从 as.原创 2022-03-25 19:33:20 · 1275 阅读 · 0 评论 -
async-validator 源码学习笔记(四):validator
1、async-validator 源码学习(一):文档翻译2、async-validator 源码学习笔记(二):目录结构3、async-validator 源码学习笔记(三):rule源码目录结构如图:validator 源码分析validator 与 rule 紧密相连,rule 目录下的文件主要功能是校验 value 和 rule ,然后给 errors 数组中添加 error 。validator 则是把 校验的 value 细分成各种类型,对不同的类型进行不同的 ru原创 2022-03-24 08:54:19 · 265 阅读 · 0 评论 -
async-validator 源码学习笔记(三):rule
系列文章:1、async-validator 源码学习(一):文档翻译2、async-validator 源码学习笔记(二):目录结构rule 主要实现的是校验规则,文件结构为下图:一、rule 目录文件介绍其中 index.d.ts 文件:declare const _default: { required: import("..").ExecuteRule; whitespace: import("..").ExecuteRule; type: import(".原创 2022-03-22 09:39:16 · 410 阅读 · 0 评论 -
async-validator 源码学习笔记(二):目录结构
上一篇文章《async-validator 源码学习(一):文档翻译》已经将 async-validator 校验库的文档翻译为中文,看着文档可以使用 async-validator 异步校验表单。本篇文章继续学习 async-validator 源码目录结构。在项目中安装 async-validator:npm i async-validator之后,找到 async-valiror 文件夹,打开 package.json 文件,一、配置及目录结构package.json 的原创 2022-03-18 09:34:16 · 308 阅读 · 0 评论 -
async-validator 源码学习(一):文档翻译
async-validator 是一个表单异步校验库,阿里旗下的 Ant-design 和 Element 组件库中的表单验证使用的都是 async-validator ,目前版本已更新到 4.0.7 ,下载量达到1,067,202次,不仅支持 js ,同时也可支持 typeScript 。是一个功能超级强大的库,有兴趣的一起来了解了解。async-validator 官网地址:https://www.npmjs.com/package/async-validatorasync-validato.原创 2022-03-16 14:52:27 · 1307 阅读 · 0 评论