CSS的行内样式与内联样式，web中间开发

毕业工作一年之后，有了转行的想法，偶然接触到程序员这方面，产生了浓厚且强烈的兴趣，开始学习前端，成功收割了大厂offer，开始了我的程序员生涯。

在自学过程中有过一些小厂的面试经历，也在一些小型的互联网公司实习过，这些都不是本文重点。本篇章主要分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等

字节跳动（校招）

一面：

• TCP、UDP是什么，区别，应用
• 什么是字节流，什么是数据报
• TCP为啥可靠
• 超时重传、累计确认的过程
• HTTP跟TCP的联系
• http通信过程
• http头部字段，平时在项目中有应用过吗，具体说一说
• Cookie、localStorage、sessionStorage用过吗？说一说他们的联系区别与应用
• 每次请求都会带cookie吗？什么时候会带
• cookie维持登录态是怎么做到的
• 你用cookie干过什么
• cookie保存在哪里
• 用户刷新界面后，服务端如何判断这个用户还在登录状态
• XSS与CSRF了解多少，原理，如何预防
• 算法：输入两个数字x，y；输出一个只包含字母a和字母b的随机字符串
  要求：字符串中必须有x个a，y个b ；输出的字符串中不能出现aaa和bbb

二面：

• 由一个class引申出的众多问题

• 面试官给出了一个class定义的类，提问：找出其中错误的地方，为什么错了，改正

• 说一下new出的对象有哪些实例属性和方法以及原型属性和方法

• 说说console.log(window.B)输出什么（B是题中定义的class）

• 如果class中返回了一个1，会对new出的对象产生影响吗，为什么，什么时候会产生影响

• 如何在实例化一个对象时传参，考虑已知参数数量和未知两种情况（考察es6的扩展运算符···）

• for…of了解吗，哪些数据结构能用，如果我想用它遍历对象属性，怎么实现（

• LCA：寻找多叉树的最近的公共祖先节点

• 导出一个模块：要求该模块用localStorage实现cookie的过期功能

• 用for实现reduce

• 做过哪些项目，最大的收获是什么

• 接触前端多久了

• 介绍一下vue

• 说一下双向绑定原理

• v-if和v-show的区别

• 虚拟DOM，vue-router

• echarts用过哪些，他的实现有没有了解过

• DOM和BOM介绍一下，他们的联系是什么

• 有没有用过fetch，get、post和put的区别

• 跨域的方法(越多越好)

• chrome调试工具都用过哪些功能

• CSS实现两栏布局，左边固定宽度，右边自适应

• 算法字符串解码

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-153RbdNE-1651292355523)(https://upload-images.jianshu.io/upload_images/25305285-5cae8daa7eb8fc01.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

e 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
[外链图片转存中…(img-153RbdNE-1651292355523)]

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