面试题 合集

人事面：

1.自我介绍？

2.为什么从上家公司离职，在之前的工作中学到了什么？

3，职业规划是什么？

4，说说自己的优缺点？

5，如何看待加班和出差？

6，希望薪资是多少？

7，说说家庭情况

8，有没有低潮时期，如何度过的

9，平时下班或周末都在做什么？

10，为什莫要在众多人中选择你

11，学习一个新技术，如何去规划，通过哪些途径?

12，如何安排一天的工作

13，公司哪方面比较吸引力

14，做过那件是令自己感到骄傲，做什么会比较让你有成就感？

15，对公司你有什么想了解的

js基础面试题：

1. 说一下盒模型的构成

2. 谈一下你对BFC理解（什么是？表现是，怎末实现BFC区域，）

3. 元素水平垂直居中的方法有哪些？如果元素不定宽高呢？

4. 怎么理解回流跟重绘？什么场景下会触发？

5. 说说什么是外边距坍塌现象，如何解决

1. 清浮动有哪几种方式

1. 盒子定位有几种定位方式，分别应用在哪些场景

1. rem, em,vh,vw尺寸单位有什么区别

2. 什么是CSSreset？ 默认样式

1. 说说flexbox（弹性盒布局模型）,以及适用场景？

2. css中，有哪些方式可以隐藏页面元素？区别?

3. 响应式布局实现的原理

4. 简述一下响应式栅格系统，原理是什么，如何应用

1. 如何实现表格的列合并、行合并

1. 讲一下什么是rem布局

1. web⽹⻚中常⻅的图⽚格式有哪些？分别有什么特点？

1. 实现⼀个布局，分左中右三栏。左栏固定宽为200px，右栏固定

150px，中栏随屏幕宽⾃动适应。写出html和css。

1. 浏览器有哪些主流渲染内核

1. 说说Javascript中的数据类型？区别？

2. Javscript数组的常用方法有哪些？Javascript字符串的常用方法有哪些？

3. 谈谈 Javascript 中的类型转换机制

4. == 和 ===区别，分别在什么情况使用

5. 深拷贝浅拷贝的区别？如何实现一个深拷贝？

6. 说说你对闭包的理解

7. 说说你对作用域链的理解

8. JavaScript原型，原型链 ? 有什么特点？

9. Javascript如何实现继承？

10. 谈谈this指向哪里

1. 普通函数与箭头函数有什么区别

1. 什么是JS事件冒泡

1. e.target , e.currentTarget , this三者有什么区别

1. typeof 与 instanceof 区别

2. 说说你对正则表达式的理解？应用场景？

3. 说说你对事件循环的理解

36.主要解释红任务，和微任务

37.DOM常见的操作有哪些？

38.说说你对BOM的理解，常见的BOM对象你了解哪些？

39.Bom对象就是浏览器中独立的模块

40.说说 JavaScript 中内存泄漏的几种情况？

41.Javascript本地存储的方式有哪些？区别及应用场景？

42.说说 Javascript 数字精度丢失的问题，如何解决？

43.若在js中进行小数计算时，会出现计算值小于真实计算的值，此时出现了精度丢失问题，

44.什么是防抖和节流？有什么区别？如何实现？

45.如何判断一个元素是否在可视区域中？

46.大文件上传如何做断点续传？

47.什么是单点登录？如何实现？

48.讲几种JS中的常见浏览器兼容问题

49.如何实现上拉加载，下拉刷新？

es6 和webpack

1．说说var、let、const之间的区别

2．ES6中数组新增了哪些扩展?

3．ES6中对象新增了哪些扩展?

4．ES6中函数新增了哪些扩展?

5．ES6中新增的Set、Map两种数据结构怎么理解?

6．你是怎么理解ES6中 Promise的？使用场景？

7．怎么理解ES6中 Generator的？使用场景？

8．你是怎么理解ES6中Proxy的？使用场景?

9．你是怎么理解ES6中Module的？使用场景？

10．你是怎么理解ES6中 Decorator 的？使用场景？

11．你是怎么理解ES6的解构赋值的，举出3种解构赋值的例子

12．谈一下如何实现网络请求按顺序依次发送，不使用回调方案

13．如何实现请求并发，等待所有接口响应后再处理其他业务

14．如何实现竞速请求

15．说说你对webpack的理解？解决了什么问题？

16．说说webpack的构建流程?

17．说说webpack中常见的Loader？解决了什么问题？

18．说说webpack中常见的Plugin？解决了什么问题？

19．说说Loader和Plugin的区别？

20．说说webpack的热更新是如何做到的？原理是什么？

21．说说webpack proxy工作原理？ Ngix 代理服务 ？ 为什么能解决跨域?

22．说说如何借助webpack来优化前端性能？

23．如何提高webpack的构建速度？

24．与webpack类似的工具还有哪些？区别？

25．如何切换npm的仓库镜像

26．使用npm安装最新依赖的指令

27．使用npm安装指定版本依赖的指令

28．如何初始化一个npm包

29．Package.json文件有哪些配置项，分别代表什么含义

30．如何限制当前项目的模块语法强制为ES6模块语法

31．如何卸载一个npm包

32．安装依赖时 -S --save -D --dev 分别代表什么含义

33．如何实现jwt鉴权机制？说说你对 token的理解

//答案：
1、jwt权限机制，是jsonwebtoken的简写，是一种“无状态”的权限校验机制
2、前端发送token生成请求后，后端将用户身份、权限等信息、过期时间通过加密算法(md5,sha1,sha256)生成加密json字符串，返回给前端。由前端自行存储
3、前端一般将token放在本地存储、或者cookie中，在后续具有token校验要求的接口中一般向“请求头”中添加token字段，为了方便统一管理，一般将token携带写在请求拦截中
4、后端对于带有token请求头的接口，先进行token认证，再进行接口响应处理，一般token失效状态码设置为401
5、前端需要在“响应拦截”中，对于401的error响应结果做统一处理。
6、jwt相对 传统的session + cookie的方案，具有响应速度快，不受跨域限制，不占用服务器资源 的优点一般用于，用户量较大的项目中

34．如何实现文件上传？说说你的思路

35．如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?

vue面试题：

1.说说你对vue的理解

理解的重点关键字：
  基于mvvm思想的数据控制视图的js框架
  以组件化开发为核心的js框架
  配合前端构建工具，用于构建单页面应用
  
 Mvc:model view controller  ——后端
 MVVM:model(数据)，view(视图)，viewModel(视图改变数据)
 

2.说说你对双向绑定的理解?

   利用Object.defineProperty()实现对各个属性setter，getter 的更新劫持，再利用订阅发布模式，在数据更新时触发template指令解析器compile来更新视图

3.说说你对SPA(单页应用)的理解?

4.Vue中的v-show和v-if怎么理解?

5.Vue实例挂载的过程中发生了什么?

6.说说你对Vue生命周期的理解?

7.为什么Vue中的v-if和v-for不建议一起用?

8.SPA(单页应用)首屏加载速度慢怎么解决??

9.为什么data属性是一个函数而不是一个对象?

10.Vue中给对象添加新属性界面不刷新?

11.Vue中组件和插件有什么区别

12.Vue组件间通信方式都有哪些?

13.说说你对$nexttick的理解?

14.说说你对vue的mixin的理解，有什么应用场景?

15.说说你对slot的理解? slot使用场景有哪些?

16.Vue.observable你有了解过吗?说说看

17.你知道vue中key的原理吗?说说你对它的理解?

18.怎么缓存当前的组件? 缓存后怎么更新?说说你对keep-alive的理解是什么?

19.Vue常用的修饰符有哪些?有什么应用场景?

20.你有写过自定义指令吗?自定义指令的应用场景有哪些?

21.Vue中的过滤器了解吗?过滤器的应用场景有哪些?

22.什么是虚拟DOM?如何实现一个虚拟DOM?说说你的思路?

23.了解过vue中的diff算法吗?说说看

24.Vue项目中有封装过axios吗?怎么封装的?

25.你了解Axios的原理吗?有看过它的源码吗?

26.SSR解决了什么问题?有做过SSR吗?你是怎么做的?

27.说下你的Vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢?

28.Vue要做权限管理该怎么做?控制到按钮级别的权限怎么做?

29.跨域是什么?Vue项目中你是如何解决跨域的呢?

30.Vue项目如何部署?有遇到布署服务器后刷新404问题吗?

31.你是怎么处理vue项目中的错误的?

32.Vue3有了解过吗?能说说跟Vue2的区别吗?

33.递归组件

34,websocket

uniapp，微信小程序

1. uniapp 在代码中如何编写不同的平台的代码？

2. uniapp的页面生命周期？

3. uniapp的组件生命周期？

4. uniapp如何进行页面的注册

5. uniapp中APP模式下能否使用Echarts.js，如果不能用，说明原因。 如果能用，说明怎么用？

6. uniapp中如何获取文档中的节点对象

7. uniapp如何实现APP打包，怎么做APP版本管理

8. uniapp的页面栈最大可以跳几层

9. uniapp中是如何实现尺寸的等比例自适应的

10. uniapp在制作APP时，你都使用过哪些UI组件框架

11. uniapp如何获取系统tabBar的高度

12. uniapp中如何实现自定义tabBar，描述思路

13. uniapp中如何实现第三方登录，讲至少一种第三方登录的实现过程

14. uniapp在APP模式下是否有跨域问题，如果有如何解决

15. 微信小程序如何实现登录、及用户信息获取

16. 小程序中如何实现下拉刷新和上拉加载

17. 微信小程序中如何实现页面跳转传参

18. 讲一下在小程序中的支付业务流程

    1.前端发送请求给自己的后端，生成订单（商品id,商品数量，用户id）
    2.后端向微信服务器发送下单请求（订单：金额，用户信息）
    3.微信服务器响应支付码给后端
    4.后端回发（预支付码，支付签名，签名算法，时间戳，16位随机字符串）给前端.
    5.前端调用微信api   wx.requestPayment()拉起微信收银台，等待用户支付后回调success

19.小程序中如何实现文件选取和上传功能

技术面试

1. 描述一下你以往工作中做过的，或者简历中的，你参与度很高的项目，不少于4个项目。

   每个项目要包含以下几个方面的内容描述：

   1.该项目是什么类型的项目，是否已经上线，项目有哪些具体的模块，每个模块具有哪些功能
   2.你在该项目中都做了什么具体工作（开发了哪些模块，哪些功能）（工作为内容围绕：项目设计、开发、测试、上线部署）几个阶段描述
   3.该项目中你都遇到了哪些问题，都是如何解决的。
   4.该项目都使用了哪些技术栈，说说使用这些技术栈的原因是什么

2. 做一下自我介绍

   1. 从时间维度描述做前端开发多久？使用过哪些技术栈，这些技术栈分别使用的时长
   2. 从项目开发角度描述： 都做过哪些类型的项目：
   3. 从技术积累角度描述： 都使用过哪些前端技术，前端框架，前端UI框架，擅长哪些技术
   4. 今天前来应聘什么岗位

3. 在工作中有没有过让你印象深刻的技术问题？你是如何发现、如何解决的

4. 假设现在要做一个图片、excel、word等文件的“预览”功能，说说你的实现思路

5. 如果要研究一个你没有接触过的新技术栈，说说你的研究思路

6. 项目中是如何进行前后端联调的

7. 如果你在项目中，后端给出的接口无法满足渲染要求，你一般是怎么处理的？

8. 在以前的公司有没有从0-1做过一个完整项目，你们公司是如何组织项目开展的。

9. 你们项目的人员配置是什么样子的。

10. 了解过低代码么，如果让你实现，你的思路是什么？