- 根据自我介绍的内容进行提问
- js 和 java 的区别
- 作用域 和 this 相关的题目
- 一道js编程题
- 对 css 的了解
- css 样式优先级
- 前端性能衡量指标
- 前端性能优化方法
hr面
- 自我介绍
- 为什么学前端
- 职业规划
- 实习目的
- 入职时间
- 对部门的了解
- 反问
2021前端字节跳动真题解析
内容大纲包括:HTML(5),CSS(3) 基础,JavaScript 基础,Vue框架,计算机网络基础,算法。
【篇幅限制,展示了面试题和部分内容截图,需要文档资料完整版的,可以点赞支持+私信 “前端真题”】
HTML
- HTML5 有哪些新特性?
- Doctype作⽤? 严格模式与混杂模式如何区分?它们有何意义?
- 如何实现浏览器内多个标签页之间的通信?
- ⾏内元素有哪些?块级元素有哪些? 空(void)元素有那些?⾏内元 素和块级元素有什么区别?
- 简述⼀下src与href的区别?
- cookies,sessionStorage,localStorage 的区别?
- HTML5 的离线储存的使用和原理?
- 怎样处理 移动端 1px 被 渲染成 2px 问题?
- 浏览器是如何渲染页面的?
- iframe 的优缺点?
- Canvas 和 SVG 图形的区别是什么?
- meta 标签?
CSS 基础
- 请你讲一讲 CSS 的权重和优先级
- 介绍 Flex 布局,flex 是什么属性的缩写:
- CSS 怎么画一个大小为父元素宽度一半的正方形?
- CSS实现自适应正方形、等宽高比矩形
- 实现两栏布局的方式
- 实现三列布局的方式
- CSS 动画有哪些?
- 用css2和css3分别写一下垂直居中和水平居中
- visibility 和 display 的差别(还有opacity)
- opacity 可以有过渡效果嘛?
- BFC 与 IFC 区别
- BFC会与float元素相互覆盖吗?为什么?举例说明
- 了解box-sizing吗?
- 什么是 BFC
- 了解盒模型吗?
- 说一下你知道的position属性,都有啥特点?
- 两个div上下排列,都设margin,有什么现象?
- 清除浮动有哪些方法?
JavaScript 基础
- 问:0.1 + 0.2 === 0.3 嘛?为什么?
- JS 数据类型
- JS 整数是怎么表示的?
- Number() 的存储空间是多大?如果后台发送了一个超过最大自己的数字怎么办
- 写代码:实现函数能够深度克隆基本类型
- 事件流
- 事件是如何实现的?
- new 一个函数发生了什么
- new 一个构造函数,如果函数返回
return {}
、return null
,return 1
,return true
会发生什么情况? - symbol有什么用处
- 闭包是什么?
- 闭包产生的本质
- 一般如何产生闭包
- 闭包的应用场景
- 什么是作用域?
- 什么是作用域链?
- NaN 是什么,用 typeof 会输出什么?
- JS 隐式转换,显示转换
- 了解 this 嘛,bind,call,apply 具体指什么
- 手写 bind、apply、call
- setTimeout(fn, 0)多久才执行,Event Loop
- 手写题:Promise 原理
- js脚本加载问题,async、defer问题
- 如何判断一个对象是不是空对象?
Vue框架
- active-class是哪个组件的属性?嵌套路由怎么定义?
- 怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
- vue-router有哪几种导航钩子?
- scss是什么?在vue.cli中的安装使用步骤是?有哪几大特性?
- mint-ui是什么?怎么使用?说出至少三个组件使用方法?
- v-model是什么?怎么使用? vue中标签怎么绑定事件?
- axios是什么?怎么使用?描述使用它实现登录功能的流程?
- axios+tp5进阶中,调用axios.post(‘api/user’)是进行的什么操作?axios.put(‘api/user/8′)呢?
- 什么是RESTful API?怎么使用?
- vuex是什么?怎么使用?哪种功能场景使用它?
- mvvm框架是什么?它和其它框架(jquery)的区别是什么?哪些场景适合?
- 自定义指令(v-check、v-focus)的方法有哪些?它有哪些钩子函数?还有哪些钩子函数参数?
- 说出至少4种vue当中的指令和它的用法?
- vue-router是什么?它有哪些组件?
- 导航钩子有哪些?它们有哪些参数?
- Vue的双向数据绑定原理是什么?
- 请详细说下你对vue生命周期的理解?
- 请说下封装 vue 组件的过程?
- 你是怎么认识vuex的?
- vue-loader是什么?使用它的用途有哪些?
- 请说出vue.cli项目中src目录每个文件夹和文件的用法?
- vue.cli中怎样使用自定义的组件?有遇到过哪些问题吗?
- 聊聊你对Vue.js的template编译的理解?
- Vuex是什么?为什么使用Vuex?
- vuejs与angularjs的区别?
- vue为什么不直接操作dom?
- 你怎么理解vue是一个渐进式的框架?
- Vue声明组件的state是用data方法,那为什么data是通过一个function来返回一个对象,而不是直接写一个对象呢?
- 说下vue组件之间的通信?
- vue中mixin与extend区别?
计算机网络基础
- HTTP 缓存
- HTTP 常用的状态码及使用场景?
- 你知道 302 状态码是什么嘛?你平时浏览网页的过程中遇到过哪些 302 的场景?
- HTTP 常用的请求方式,区别和用途?
- 你对计算机网络的认识怎么样
- HTTPS 是什么?具体流程
- 三次握手和四次挥手
- 在交互过程中如果数据传送完了,还不想断开连接怎么办,怎么维持?
- 你对 TCP 滑动窗口有了解嘛?
- WebSocket与Ajax的区别
- 了解 WebSocket 嘛?
- HTTP 如何实现长连接?在什么时候会超时?
- Fetch API与传统Request的区别
- POST一般可以发送什么类型的文件,数据处理的问题
- TCP 如何保证有效传输及拥塞控制原理。
- http知道嘛?哪一层的协议?(应用层)
- OSI七层模型和TCP/IP四层模型
- TCP 协议怎么保证可靠的,UDP 为什么不可靠?
- HTTP 2 改进
- DDOS 攻击
总结
根据路线图上的重点去进行有针对性的学习,在学习过程中,学会写笔记,做总结。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
这里分享一些前端学习笔记:
-
html5 / css3 学习笔记
-
JavaScript 学习笔记
-
Vue 学习笔记
-
Vue 学习笔记