请说出你所知道的前端性能优化的方式
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的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当网前文档(链接)之间的链接。