Web前端最全Ant Design Vue表单验证基本操作(2),2024年最新前端程序员面试必备的知识点

总结

=============================================================

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。

const formState = ref({

name: “”,

name5: “”,

name2: “”,

});

const rules = {//里面写效验规则

name: {

required: true, //是否必填项,设置红色星号

min: 3, //最短3个字符

max: 36, //最长36个字符

message: “用户名长度需为3~36之间”, //提示语

},

name2: {

max: 22,

min: 6,

required: true,

pattern: new RegExp(

/((?=.\d)(?=.\D)|(?=.[a-zA-Z])(?=.[a-zA-Z]))(?!.[\u4E00-\u9FA5]. ) § 6 , 22 )^\S{6,22} )§6,22/

), //写入正则效验

message: “密码至少包含数字,字母和字符的两种组合,长度在6-22之间”,

},

}

const diaoyong = () => {

// 表单验证 validate触发表单验证,验证不通过会阻断后续操作

formRef.value

.validate()

.then(() => {

if (data.value) {

bianji();

} else {

chuangjian();

}

console.log(“values”, formState, toRaw(formState));

})

.catch((error) => {

console.log(“error”, error);

});

};

return {

formRef,

labelCol: { span: 7 },

wrapperCol: { span: 13 },
formState,
diaoyong,
rules,
};

总结

根据路线图上的重点去进行有针对性的学习,在学习过程中,学会写笔记,做总结。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

这里分享一些前端学习笔记:

  • html5 / css3 学习笔记

  • JavaScript 学习笔记

  • Vue 学习笔记

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值