2024年前端最全vue 获取当前登录的浏览器类型_vue获取浏览器类型(2)，最新美团点评Web前端团队面试题

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

if(agent.indexOf(“chrome”) > 0){
arr.push(agent.match(regStr_chrome)[0].split(‘/’)[0]);
arr.push(agent.match(regStr_chrome)[0].split(‘/’)[1]);
return arr;
}
// else{
// arr.push(‘请更换主流浏览器,例如chrome,firefox,opera,safari,IE,Edge!’)
// return arr;
// }
}

#### **方法二、**

//方法二、
// 获取当前登录的浏览器
export function getLogoinBrowser(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
// console.log(“loginuserAgent:”, userAgent)
//判断是否Opera浏览器
if (userAgent.indexOf(“Opera”) > -1) {
return “Opera”
};

//判断是否Edge浏览器
if (userAgent.indexOf(“Edg”) > -1){
return ‘Edge’
}

//判断是否Firefox浏览器
if (userAgent.indexOf(“Firefox”) > -1) {
return “firefox”;
}

//判断是否Chrome浏览器
if (userAgent.indexOf(“Chrome”) > -1){
return “Chrome”;
}

//判断是否Safari浏览器
if (userAgent.indexOf(“Safari”) > -1) {
return “Safari”;
}

//判断是否IE浏览器
if (userAgent.indexOf(“compatible”) > -1 && userAgent.indexOf(“MSIE”) > -1 && !isOpera) {
return “IE”;
}
if ( userAgent.indexOf(“Trident”) > -1){
return “IE”;
}
}

**效果图、谷歌浏览器：**


![](https://img-blog.csdnimg.cn/024beaf7d93241809c60f7cb890b01ab.png)


 **效果图、火狐浏览器：**


![](https://img-blog.csdnimg.cn/c5f73d524531426c84c4f406cd541b40.png)



  **效果图、Edge浏览器：**


![](https://img-blog.csdnimg.cn/443484afc1664bf6bd4df281f8c7379a.png)


  **效果图、IE浏览器：** 


 ![](https://img-blog.csdnimg.cn/87fa9c9d32eb48c4a08890e6260ad1a4.png)



 最后为了方便大家的沟通与交流请加QQ群： [625787746](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)


请进QQ群交流：【IT博客技术分享群①】：[正在跳转](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)



**ES6**

*   列举常用的ES6特性：

*   箭头函数需要注意哪些地方？

*   let、const、var

*   拓展：var方式定义的变量有什么样的bug？

*   Set数据结构

*   拓展：数组去重的方法

*   箭头函数this的指向。

*   手写ES6 class继承。

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![](https://img-blog.csdnimg.cn/img_convert/aac1740e50faadb9a6a7a5b97f9ccba8.png)



**微信小程序**

*   简单描述一下微信小程序的相关文件类型?

*   你是怎么封装微信小程序的数据请求？

*   有哪些参数传值的方法？

*   你使用过哪些方法，来提高微信小程序的应用速度？

*   小程序和原生App哪个好？

*   简述微信小程序原理？

*   分析微信小程序的优劣势

*   怎么解决小程序的异步请求问题？



![](https://img-blog.csdnimg.cn/img_convert/60b1dbe5c76e264468aa993416a9a031.png)



**其他知识点面试**

*   webpack的原理

*   webpack的loader和plugin的区别？

*   怎么使用webpack对项目进行优化?

*   防抖、节流

*   浏览器的缓存机制

*   描述一下二叉树, 并说明二叉树的几种遍历方式?

*   项目类问题

*   笔试编程题：



![](https://img-blog.csdnimg.cn/img_convert/aec12fc95e5722b9f2f1f22eeb5e67bd.png)



#### 最后



技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。