2024年最新Web开发基础：JavaScript常用类、面向对象和BOM，大厂面试是什么意思

文末

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

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

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

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

第三阶段:前端常用框架

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

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

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

常用类

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

Date类

---

获得或设置日期或时间

创建方法：

var date = new Date();

常用方法

| 方法 | 作用 |

| — | — |

| getYear | 获得年 1900年到现在的年数 |

| getMonth | 获得月 从0开始 |

| getDate | 获得日 |

| getHours | 获得小时 |

| getMinutes | 获得分钟 |

| getSeconds | 获得秒 |

| setXX | 设置年、月、日… |

Math类

---

常用方法：

| 方法 | 作用 |

| — | — |

| abs | 绝对值 |

| ceil | 向上取整 |

| floor | 向下取整 |

| round | 四舍五入取整 |

| random | 随机数 |

| pow | 求幂 |

String类

---

创建方法：

var str = “abc”;

var str = new String(“abc”);

常用方法

| 方法 | 作用 |

| — | — |

| indexOf | 查找字符位置 |

| charAt | 取得某位置上的字符 |

| substr(开始位置,长度） | 截取 |

| substring(开始位置，结束位置) | 截取 |

| replace | 替换 |

| split | 分割 |

| toUpperCase | 大写 |

| toLowerCase | 小写 |

| trim | 去掉前后的空格 |

| length | 长度属性 |

Array类

---

和Java的区别是：对长度没有严格的限制

定义方法：

var arr = new Array(); 没有长度

var arr = new Array(5); 长度为5

var arr = [10,20,30,50,50];

二维数组：

var arr = [[1,2,4],[43,55,22],[44,22,11]];

foreach遍历

for(var num in array){

console.log(“数组元素：”+array[num]);

}

常用方法

| 方法 | 作用 |

| — | — |

| push(数据) | 添加数据到末尾 |

| pop() | 删除末尾的数据 |

| splice(索引,删除数量) | 在某个位置删除一定数量的数据 |

| splice(索引,删除数量,数据…) | 在某个位置删除一定数量的数据，插入一系列数据 |

| sort() | 排序，默认情况下以字符的ASCII排序 |

| reverse() | 反转 |

案例：二级联动列表的实现

1、以二维数组保存所有的城市

2、定义函数，获得省份下拉列表，下拉列表的selectedIndex可以获得选择的项目位置，

再通过该位置，在二维数组中确定城市，把城市数组填充到城市下拉列表中。

3、在省份下拉列表的onchange事件中调用函数

请选择省份 湖北 湖南 江苏 请选择城市

面向对象

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

1）使用构造方法

类的代码可以重用

function Student(stuno,name,age){

this.stuno = stuno; //this.属性 就是创建了属性

this.name = name;

this.age = age;

this.sayHi = function(){ //this.方法 = function(参数){…}

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

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

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

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

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

[外链图片转存中…(img-ukI23Lc9-1715717109684)]

[外链图片转存中…(img-zXjlwYpe-1715717109685)]

[外链图片转存中…(img-Pz9mLMkT-1715717109685)]