总结的一些面试题

css动画，动画怎么判断停止，vue transition标签的实现原理，实现动画淡入淡出怎么做

js有借鉴jq的一个关于dom查询的函数是什么

手写一个sleep函数，用promise实现

package.json是什么作用，有两种依赖，vue写在哪个里边

数组实现百家姓笔画的排序，数组是怎么排序的（Unicode）

数组复杂度太高，这是个坑，不能用数组，应该用keyvalue对实现

页面上有一块区域上有很多个点排列，用css实现，换成线段（容易一点）

http请求头都有哪些内容

每个HTTP请求和响应都会带有相应的头部信息。默认情况下，在发送XHR请求的同时，还会发送下列头部信息：

• Accept:浏览器能够处理的内容类型
• Accept-Charset:浏览器能够显示的字符集
• Accept-Encoding：浏览器能够处理的压缩编码
• Accept-Language：浏览器当前设置的语言
• Connection：浏览器与服务器之间连接的类型
• Cookie：当前页面设置的任何Cookie
• Host：发出请求的页面所在的域
• Referer：发出请求的页面的URL
• User-Agent：浏览器的用户代理字符串

http响应头都有哪些内容 

HTTP响应头部信息：

• Date：表示消息发送的时间，时间的描述格式由rfc822定义
• server:服务器名字。
• Connection：浏览器与服务器之间连接的类型
• content-type:表示后面的文档属于什么MIME类型
• Cache-Control：控制HTTP缓存

手撕轮播图

pwa

PWA全称Progressive Web App，即渐进式WEB应用。

一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能
解决了哪些问题？

• 可以添加至主屏幕，点击主屏幕图标可以实现启动动画以及隐藏地址栏
• 实现离线缓存功能，即使用户手机没有网络，依然可以使用一些离线功能
• 实现了消息推送

它解决了上述提到的问题，这些特性将使得 Web 应用渐进式接近原生 App。

区分管理者 普通用户 用vue router怎么实现 一个管理者可以点击一个链接 普通用户不可以

找到字符串中连续的数字并输出成正数形式

网页图片有哪几种格式，分别有什么优缺点，你用过哪些，为什么选这个

js基础 + 框架源码

给你一个网页 icon 图标，需要根据不同的文字变成不同的颜色，你会选哪种格式，为什么（这里说到了字体图标库，又顺便被问了一下都知道哪些字体文件格式，凭记忆说了个 ttf 和 woff）

项目中遇到的最难问题及解决方案

描述一下网页发送一个请求到服务器端然后再响应回来这个具体的过程经历了什么

关于学习中碰到的一些细节问题可以具体举例说明吗

async和promise区别 generator

requestAnimationFrame多少ms跑一次

tcp 和 udp 区别

都是传输层协议；

TCP是面向连接的协议【面向连接就是：“虚拟信道”建立后，在TCP协议发出FIN包之前（两个终端都会向对方发送一个FIN包），是不会释放的 】、UDP面向非连接 ；

TCP是可靠传输，（当数据从A端传到B端后，B端会发送一个确认包（ACK包）给A端，告知A端数据我已收到）、UDP没有这种机制，所以不是可靠传输；

TCP保证数据顺序、UDP不保证；

TCP要求系统资源较多（因为“虚拟信道”持续存在）、UDP较少；

流模式（TCP）、与数据报模式(UDP)；

TCP协议提供了可靠的数据传输,但是其拥塞控制、数据校验、重传机制的网络开销很大,不适合实时通信,所以选择开销很小的UDP协议来传输数据。