2024年Web前端最新前端基础三之JavaScript基础(1)，2024年最新vivo前端面试

对象篇

模块化编程-自研模块加载器

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

i=true

alert(i+"： "+typeof (i)); // boolean

i=‘a’;

alert(i+"： "+typeof (i)); // string

var一般使用在var i = 1;这样的时候，而先声明，有一个let关键字

当然使用var也是不会错的

就像这样：

let i;

i=1;

三个关键字：var、let、const

| 关键字 | 先声明 | 声明且定义 |

| :-: | :-: | :-: |

| var | √ | √ |

| let | √ | √ |

| const | × | √ |

1.2.4 数据类型

所有数字都是：number类型（1、1.1）

var a = 1;

typeof(a); //number

所有字符，字符串都是：string类型（“as”，‘sa’）

var b = “撒飒飒”;

typeof(b); //string

true和false是：boolean类型（true,false）

var c = true;

typeof©; //boolean

未被定义的变量是：undefind类型

let d;

typeof©; //undefind

不是数字数值的是：NAN类型（‘a’*1）

var e=10,f=“aa”;

alert(e*f); //NAN

当然还有数组，函数，类类型

1.3 条件控制语句

---

1.3.1 循环

1. while循环

与C语言，java语言循环一样的格式

var a = “abcdefgh”; //定义一个字符串

var b = 0; //定义一个循环变量

while(b<a.length){

alert(a[b]); //输出

b++; // 循环变量更新，不更新会变成死循环

}

2. for循环

格式相同，只是循环变量的格式为var/let/const

var a = “abcdefgh”; //定义一个字符串

for(var i=0;i<a.length;i++){

// 循环变量的定义和更新在括号里

alert(a[i]);

}

1.3.2 判断

格式：

if (布尔表达式){

代码块

}else if(布尔表达式){

代码块

}else{

代码块

}

代码：

var a = 10,b = 10;

if (a==b){

alert(a+b);

}

1.3.3 continue break

和java语言和Python语言一样，continue是跳出当前循环，break是打破循环，进入下一代码块。

1.4 函数

---

1.4.1 定义

函数有两种定义方式，第一种就是万能的var/let/const

let sum1 = function (){

alert(“第一种定义方式”)

}

第二种是funtion关键字：

function sum(){

alert(“第一种定义方式”);

}

当然，这两种定义的方式都是一样的，而调用也是和别的预压一样

1.4.2 参数

和Python函数传参一样，不需要功参数的类型，只需要传递个数

let te1 = function (a,b,c){

alert(“a的值：”+a);

alert(“b的值：”+b);

alert(“c的值：”+c);

}

1.4.3 返回值

使用return关键字来确定返回值

let te2 = function (a,b,c){

return a+b+c;

}

1.5 面向对象

---

JavaScript是一个面向对象的语言

1.5.1 定义

var 对象名 = {};

是的，就是这么的简单

定义对象的属性:

对象名.属性名 = 值;

定义对象的行为（方法，函数）：

对象名.函数名 = function(){

代码块

}

1.5.2 实例

创建一个Person对象，设置name和age属性，设置say方法

var Person = {}

Person.name = “”;

Person.age = 0;

Person.say=function(){

alert(“说话”);

}

结语

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

兴趣是最好的老师，坚持是不变的真理。

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

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

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

的官方文档

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

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

[外链图片转存中…(img-Kwx9ATmH-1715454566071)]

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-jjWk74b8-1715454566072)]