前端工程师面试汇总

一、前端基础

1、HTTP,HTML,浏览器

• 说一下http和https
• tcp三次握手，一句话概括
• TCP和UDP的区别
• WebSocket的实现和应用
• 一个图片url访问后直接下载怎样实现？
• 说一下web Quality（无障碍）
• 几个很实用的BOM属性对象方法?
• 说一下HTML5 drag api
• 说一下http2.0
• 补充400和401、403状态码
• fetch发送2次请求的原因
• Cookie、sessionStorage、localStorage的区别
• 说一下web worker
• 对HTML语义化标签的理解
• iframe是什么？有什么缺点？
• Doctype作用?严格模式与混杂模式如何区分？它们有何意义?
• Cookie如何防范XSS攻击
• Cookie和session的区别
• 一句话概括RESTFUL
• 讲讲viewport和移动端布局
• click在ios上有300ms延迟，原因及如何解决？
• addEventListener参数
• iframe通信，同源和不同源两种情况，多少种方法。同源我说了，根据父页面以及cookie，不同源我说了设置子域的方法。
• 介绍知道的http返回的状态码
• http常用请求头
• 讲讲304
• 强缓存、协商缓存什么时候用哪个
• 前端优化
• GET和POST的区别
• 301和302的区别
• HTTP支持的方法
• 如何画一个三角形
• 状态码304和200
• 说一下浏览器缓存
• HTML5新增的元素
• 在地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么？
• 浏览器在生成页面的时候，会生成那两颗树？
• csrf和xss的网络攻击及防范
• 怎么看网站的性能如何
• 介绍HTTP协议(特征)
• 具体有哪些请求头是跟缓存相关的
• cookie有哪些字段可以设置
• cookie有哪些编码方式？
• 前端优化策略
• HTML5和CSS3用的多吗？你了解它们的新属性吗？有在项目中用过吗？

2、CSS

• 说一下css盒模型
• 画一条0.5px的线
• link标签和import标签的区别
• transition和animation的区别
• Flex布局
• BFC（块级格式化上下文，用于清楚浮动，防止margin重叠等）
• 垂直居中的方法
• 关于js动画和css3动画的差异性
• 说一下块元素和行元素
• 多行元素的文本省略号
• visibility=hidden, opacity=0，display:none
• 双边距重叠问题（外边距折叠）
• position属性 比较
• 浮动清除
• css3新特性
• CSS选择器有哪些，优先级呢
• 怎么样让一个元素消失，讲讲
• css动画如何实现
• 如何实现图片在某个容器中居中的？
• CSS3中对溢出的处理
• float的元素，display是什么
• 三栏布局的实现方式，尽可能多写，浮动布局时，三个div的生成顺序有没有影响
• calc属性
• 有一个width300，height300，怎么实现在屏幕上垂直水平居中
• display：table和本身的table有什么区别
• z-index的定位方法
• 如果想要改变一个DOM元素的字体颜色，不在它本身上进行操作？
• 用的最多的css属性是啥？
• line-height和height的区别
• 设置一个元素的背景颜色，背景颜色会填充哪些区域？
• 知道属性选择器和伪类选择器的优先级吗
• inline-block
• 用css实现一个硬币旋转的效果
• 了解重绘和重排吗，知道怎么去减少重绘和重排吗，让文档脱离文档流有哪些方法
• CSS画正方体，三角形
• overflow的原理
• box-sizing的语法和基本用处
• 两个嵌套的div，position都是absolute，子div设