前端常问面试题

1.css3实现动画效果

        答：transform+transition   ：通过位移和过渡效果共同实现

                @keyframe+animation  : 通过定义动画实现效果

2.宏任务和微任务有哪些？

        答：宏任务：dom事件回调，定时器，ajax异步请求，文件读写

                微任务：Promise回调，async/await，process.nextTick()

                两者都属于异步任务，先执行微任务，再执行宏任务

3.什么是虚拟dom？

        答：虚拟dom是描述真实dom，存有真实dom信息的js对象

                可以用更少的属性描述出真实dom，解构变化时，对比虚拟dom比对比真实dom要好

                的多，提高浏览器的性能

4.在浏览器中填写url地址后，回车后，浏览器都发生了什么？

        答：DNS域名解析，得到相应的ip地址

                根据ip找到对应的服务器，发起TCP三次握手

                TCP建立连接后，发起http请求

                服务器响应http请求，浏览器得到html代码

                浏览器解析html代码，并请求获取html代码中的相应资源

                服务器响应资源

                响应数据完毕，四次挥手，关闭TCP连接

                浏览器对页面进行渲染呈现给用户

5.http和https的区别

         答：http是明文传输，风险较大；https是加密传输

                http默认端口号为80；https默认端口号为443