web前端面试题（web前端面试题2022）

请说出你所知道的前端性能优化的方式

1、减少DOM操作

2、部署前，图片压缩，代码压缩

3、优化js代码结构，减网少冗余代码

4、减少http请求，合理设置HTTP缓存

5、使用内容分发cdn加速

6、静态资源缓存

7、图片延迟加载

请简单说出CSS隐藏元素的几种方法

1、Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;

2、Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏;

3、Display:display 设为 none 任何对该元素网直接打用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在;

4、Position:不会影响布局，能让元素保持可以操作。

简述一下src与href的区别

src用于替换当前元素；href用于在当前文档和引用资源之间确立联系。

src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置。

href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当网前文档（链接）之间的链接。