最后
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容
if (!value) {
callback()
return
}
const field = rule.field
const textLengthRules = {
name: 120,
code: 60,
accountPeriod: 20,
bankName: 60,
bankAccount: 19,
taxId: 20,
contacts: 60,
address: 160,
remark: 200,
tepName: 80 // 权限模板名称
}
if (textLengthRules[field] && value.length > textLengthRules[field]) {
callback(new Error(${value.length}/${textLengthRules[field]} 内容输入超出范围
))
return
}
callback()
}
需要校验的组件引用使用:
import { valieTextLength } from ‘@/utils/validate’
data中定义:
data() {
const valied = (rule, value, callback) => { valieTextLength(rule, value, callback) }
return {
rules: {
name: [ //这里做了三种校验
{ required: true, message: ‘请输入客户名称’, trigger: ‘blur’ },
{
pattern: /1+$/,
message: ‘不支持特殊字符’,
trigger: ‘blur’
},
{ validator: valied }
]
}
}
}
form表单中prop要和rules中定义校验名一致:
<el-form
css
1,盒模型
2,如何实现一个最大的正方形
3,一行水平居中,多行居左
4,水平垂直居中
5,两栏布局,左边固定,右边自适应,左右不重叠
6,如何实现左右等高布局
7,画三角形
8,link @import导入css
9,BFC理解
js
1,判断 js 类型的方式
2,ES5 和 ES6 分别几种方式声明变量
3,闭包的概念?优缺点?
4,浅拷贝和深拷贝
5,数组去重的方法
6,DOM 事件有哪些阶段?谈谈对事件代理的理解
7,js 执行机制、事件循环
8,介绍下 promise.all
9,async 和 await,
10,ES6 的 class 和构造函数的区别
11,transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式,
12,介绍一下rAF(requestAnimationFrame)
13,javascript 的垃圾回收机制讲一下,
14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
)]
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
\u4e00-\u9fa5_a-zA-Z0-9.·- ↩︎