总结
=============================================================
从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
个人将这段时间所学的知识,分为三个阶段:
第一阶段: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 学习笔记