Web前端最新7(1)，2024年最新字节跳动面试过程

总结

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

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

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

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

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

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

第三阶段:前端常用框架

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

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

<!-- 在使用keep-alive 的时候，可以通过include指定哪些组件需要被缓存

或者通过 exclude指定哪些组件不需要被缓存；但是 不要同时使用include 和 exclude  -->

2. keep-alive 对应的生命周期函数

1）当组件被缓存时，会自动触发组件的deactivated生命周期函数

组件被激活时候的，生命周期函数

当组件第一次被激活的时候，即会触发 created 生命周期函数，也会触发 activated生命周期函数

但是如果组件从缓存被激活的时候，只会触发 activated 生命周期函数，因为组件没有被重新创建

activated() {

console.log(“组件被激活了，  activated”);

}

2）当组件被激活时，会自动触发组件的activated生命周期函数

// 组件被缓存时候的，生命周期函数

deactivated() {

console.log(“组件被缓存了，deactivated”);

}

3. keep-alive 的 include 属性

include 属性用来指定：只有名称匹配的组件会被缓存。多个组件名之间使用英文的逗号分隔

4. keep-alive 的 exclude 属性

exclude 属性用来指定：除了选中的匹配的组件不会被缓存。多个组件名之间使用英文的逗号分隔

5.组件的name 属性

当为组件提供了name 属性之后，组件的名称 就是 name 属性的值

最后

---

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

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。