2020前端面试-助力面废一家是一家

CSS

• CSS属性继承

如何使一个元素里面的文本在没有撑满时居中对齐，撑满时居左对齐

• BFC
• 元素居中的几种方式
• 盒模型的几种方式以及切换的属性
• 移动端一像素问题
• transform的几种属性
• 移动端适配的几种方案
• rem

如何实现1rem = 16px

---

http

• HTTP与HTTPS的区别

HTTP是否明文传输，HTTPS的加密方式

• 输入网址，按下回车后发生了什么
• tcp三次握手过程以及为什么要发起三次握手
• 常见状态码
• 强制缓存和协议缓存
• 跨域的几种解决方案

---

JS

基础类

• 原型与原型链的指向

• 闭包

• 作用域链

• 暂时性死区

• var let const的区别

• 基本数据类型、引用类型

• 宏任务，微任务

• 浏览器event loop轮询机制

• localStorage和sessionStory和cookie的区别

• 防抖和节流

• 堆和栈

• 浅拷贝和深拷贝的区别

• instanceof()

• 设计模式

• promise

1. promise的几种状态
2. promise的实现原理
3. promise状态流
4. promise .then()链式结构的实现方式
5. promise的方法类

• 异步 async await
• 箭头函数this的指向
• call和apply的区别
• 手写深拷贝
• diff 算法
• arguments的转换方式
• 扩展运算符的用法
• foreach和map的区别

---

框架篇

VUE

• 框架响应式原理以及Vue3.0做了什么修改
• data 为什么是函数
• 生命周期
• keep-alive
• v-if和v-show的区别
• 组件传值方式
• vuex的几种方法与状态流
• template的实现原理

---

webpack篇

• 常用的plugin
• 常用的Loader
• webpack的多线程编译、热更新、性能优化等配置
• bable的用途和配置

---

网络安全篇

• 简述XSS攻击如何抵御
• xsrf攻击如何抵御