前端面试题及解答

1. HTML

• 写出 form 的属性和属性分别的作用

• input 的属性和作用

• meta标签的属性和作用

2. CSS

2.1 box-sizing

box-sizing 的属性和区别，主要涉及 height 和 width 的区别。画图

2.2 position

写出position的所有属性和他们的作用

2.3 居中的几种方案

2.4 rem 的移动布局方案

3. JavaScript

3.1 字符串操作

1. 这里有一个 url https://baijiahao.baidu.com/s?id=1583617694892288463&wfr=spider&for=pc 写一个函数 获取 query 的参数和值存放在一个对象中。

3.2 数组操作

3.3 面向对象

1. 闭包和继承，手写继承的几种方式

3.4 其他

1. 手写一个倒计时功能 手写一个深浅 clone 有什么优化的方案？
2. arguments 是什么 和数组有什么区别，一般什么情况下用
3. 原生 js 实现 jq on 的功能
4. 简述 js 事件流程
5. 跨域的几种实现，jsonp是啥？cors是啥？
6. 原型链和闭包
7. 深浅 clone 理解

4. HTTP

1. http/https/http2 是什么？他们有什么区别

5. 浏览器缓存

5.1 浏览器的缓存使用

6. 数据结构和算法

6.1 快排

快排，快排的性能

7. 综合其他

7.1 主要的工作流程

7.2 spa 应用的路由设计

7.3 页面搜索功能的实现

7.4 性能

1. 前端优化有啥方案

7.5 平时遇到啥问题 ,怎么解决的？

7.6 平时看什么技术书？

7.7 对未来技术的打算

7.8 在原来公司使用什么新的技术没有，未来考虑用什么技术

8. 框架

8.1 vue 的双向绑定和生命周期

8.2 vue 通信方式

8.3 vue 的路由怎么实现的 vue 的挂载怎么实现的 el 和 $mount 有啥区别

9. 工程化

9.1 gulp 和 webpack 的主要作用

9.2 前端 的工作流程 gulp 的使用方法 和 fis 的区别

10. WEB安全

10.1 说一下 xss 和 crsf 的含义和区别 怎么解决 xss 问题的