面试问题 2022.6.14

1.先问他带的组里所用的技术

是vue 就问vue 是react 就问react

2.先问几个简单的问题

2.1 == 和===区别

2.2 js 类型

2.3 数字转字符串 字符串转数字

3.性能优化

3.1懒加载 和预加载是什么 原理和区别    「2021」高频前端面试题汇总之前端性能优化篇 - 掘金 (juejin.cn)

参考链接如上

3.2 如何⽤webpack来优化前端性能？

3.3 defer 和async 区别

7. JavaScript脚本延迟加载的方式有哪些？

延迟加载就是等页面加载完成之后再加载 JavaScript 文件。 js 延迟加载有助于提高页面加载速度。

一般有以下几种方式：

• defer 属性： 给 js 脚本添加 defer 属性，这个属性会让脚本的加载与文档的解析同步解析，然后在文档解析完成后再执行这个脚本文件，这样的话就能使页面的渲染不被阻塞。多个设置了 defer 属性的脚本按规范来说最后是顺序执行的，但是在一些浏览器中可能不是这样。
• async 属性： 给 js 脚本添加 async 属性，这个属性会使脚本异步加载，不会阻塞页面的解析过程，但是当脚本加载完成后立即执行 js 脚本，这个时候如果文档没有解析完成的话同样会阻塞。多个 async 属性的脚本的执行顺序是不可预测的，一般不会按照代码的顺序依次执行。
• 动态创建 DOM 方式： 动态创建 DOM 标签的方式，可以对文档的加载事件进行监听，当文档加载完成后再动态的创建 script 标签来引入 js 脚本。
• 使用 setTimeout 延迟方法： 设置一个定时器来延迟加载js脚本文件
• 让 JS 最后加载： 将 js 脚本放在文档的底部，来使 js 脚本尽可能的在最后来加载执行。

 

3.4你用过哪些方法来进行性能优化

4.JavaScript有哪些数据类型

5.null和undefined区别

6.

4.你开发过程中碰到什么问题

5.你碰到问题的操作方法是什么，怎么解决

6.SEO 是什么，你实际用过吗

6.你对加班怎么看

「2021」高频前端面试题汇总之Vue篇（下） - 掘金 (juejin.cn)