2024年Web前端最全JS基础2(1)，2024年最新字节跳动Web前端开发面试题

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

---

当需要函数的结果进行下一步运算时，明确要求返回的时候需要用到返回值

function函数名（）{

函数体

return 变量，值，表达式；

}

调用：函数名（）

**注：return一旦执行，后面的代码就不会再执行，

函数如果没有return，那么函数返回值为underfined**

预编译

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

函数在逐行执行之前，会先进行预编译

变量提升：将变量声明的代码提升到作用域最前面

• var定义的变量

• 声明式定义的函数

• return后面的语句

• if里面语句（即使条件不成立，也会变量提升）

arguments

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

1. 函数自带对象：记录函数参数相关性息

2. 获取函数实参个数arguments.length

3. 获取具体某个实参arguments[对应实参的索引]

注：索引从0开始

递归函数

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

递归函数：函数自己调用自己

注：递归必须要有结束

常用事件

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

1. 获取元素节点document.getElementById('id名')

2. 获取元素属性元素节点.属性名

3. 设置元素属性元素节点.属性名=属性值

4. 绑定事件元素节点.on事件类型=function (){要执行代码}

常见事件类型

| 事件 | 含义 |

| :-: | :-- |
| onclick | 点击 |
| onlode | 页面加载完成 |
| onmouseover | 鼠标悬停 |
| onmouseout | 鼠标移出 |

文末

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

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

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

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

第三阶段:前端常用框架

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

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

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