前端知识问答(三)
Brian Lv3
响应式和自适应分别是什么?有什么区别?

首先看看它们分别是什么:

自适应:自适应布局就是指为了使网页适应的显示在不同大小终端设备上的新网页设计方式及技术,它需要开发多套界面来适应不同的终端。

响应式:响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。换句话说就是一个网站能够兼容多个终端,而不是为了每一个终端做一个特定的版本。

它们之前的区别是:

自适应布局:通过检测视口分辨率,来判断当前访问的设备是:pc端、平板、手机,从而请求服务层,返回不同的页面。

响应式布局:通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容。

前端如何实现动画?

web前端实现动画的方式一般有:

1、通过css中的transition、animation这些新特性

2、通过js操作dom

3、通过图片,gif/png

4、通过canvas和svg

vue2和vue3的区别?

vue2和vue3的区别

node和浏览器的事件循环机制有什么不同?

说说对Nodejs中事件循环机制的理解

说说你对事件循环的理解

宏任务?微任务?

js中的宏任务和微任务

canvas

这是一个很尴尬的问题,类似的还有谈谈xxx,这类问题可以从“是什么”、“怎么做”两个维度来回答

canvas

es6增加了哪些新特性?

es6新特性

es6的一些新特性,一篇就够了

页面的重排和重绘?

简单易懂之什么是重绘和重排

讲讲前端性能优化?

看这里

长连接、短连接,长轮训、短轮训、sse、websocket

长连接短连接长轮训短轮训

sse、websocket