qq_42941302的博客

TypeScript 入门TypeScript简介TS的来历TypeScript（简称TS）由微软于2013年发布，是ECMA的三巨头语言的老小（JS、AS、TS）。TS的特点TypeScript是一种强类型语言，相对于弱类型语言，开发更容易，（但更难学）。TS的使用方法安装：打开终端，输入npm i typescript -g编程：创建一个.ts为后缀的文件开始编程编译运行：在终输入tsc filename.ts即可编译TypeScript文件，生成一个同名的js文件。

动机当我们使用 ElementUI 来做前端校验时，大多数项目都不会被其自带的简单校验规则所满足。所以我们经常需要自定义校验函数 validator 来满足我们的项目需求。而这时又会出现一个比较棘手的问题：这个自定义的 validator 由于无法传参，复用性极差。比如我们上一篇文章做了一个自定义的中英文混合长度校验函数：const validLength = function (rule, value, callback) { function getStrLength(str) {

场景当我们需要使用 element-ui 来校验长度的时候，可以在前端用其内置的 max、min 属性来限制。但是我们知道——由于数据库的编码格式的不同，一个汉字在数据库中需要占 2-3 个字节。假如有一个 name 字段，数据库中设置的长度为64。在 element-ui 中如果用 max:64 的方法对字段进行限制，那么输入64个汉字时，数据库中实际的长度就是 192 ，这显然不是我们想要的。所以，我们需要自定义一个函数，可以满足中英文字符的混合校验，精准地对字段的长度进行限制。实现const

我们通常认为，prop 属性是我们需要进行表单校验的时候使用的。但是当我们进行一些比较复杂的校验的时候，对 prop 的理解太浅就会使我们感到头疼：prop 属性究竟做了些什么？官网的解释有些拗口，用人话来说就是：prop 属性让你的校验规则和数据匹配。<el-form :model="ruleForm" :rules="rules"> <el-form-item label="活动名称" prop="name"> <el-input v-model="rul