金三银四铜五铁六，现在看看面试题还不晚（上篇）

前言

俗话说金三银四铜五铁六，已经到了6月快中旬，差不多算是上半年即将结束，题主是在5月底开始的工作，明天入职。下面就是部分面试问到的一些东西，规整了一下发了出来，如果又将要面试的老铁，希望这篇能帮助到你

这个面试题答案是从下面开始写的，有些标有重复的问题在下面都有对应的介绍

个人博客

面试一

1. 跨域问题

   • 重复

2. 箭头函数

   • 重复

3. 原型链

   • 重复

4. 原生js如何实现模块化（面向对象，面向过程）

   模块化

5. 个人中心下面有若干个模块 如何 封装各个模块

   • 在vue里面以功能组件划分，感觉和上一题重复

6. 对于同一个接口不同如何区别调用

   • 这个问题没有懂是神魔意思

7. cookie 与 session 的区别，分别怎么用

   • 重复

8. 移动端适配如何实现

   • 重复

9. 支付（有做过吗）

10. ajax轮询

    轮询

11. 页面添加新的按钮之后,如何对新的按钮添加绑定事件

    主要考察事件委托

12. 个人规划

    • 当然是抓紧时间对象

13. 常见的http状态码

    200 OK
    表示请求成功 一切正常
    301 Moved Permanently
    重定向，客户请求的文档在其他地方，新的URL在Location头中给出，浏览器应该自动地访问新的URL
    302 Found
    临时重定向，类似于301，但新的URL应该被视为临时性的替代，而不是永久性的。
    304 Not Modified
    客户端有缓冲的文档并发出了一个条件性的请求。服务器告诉客户，原来缓冲的文档还可以继续使用。
    400 Bad Request
    请求出现语法错误。
    403 Forbidden
    资源不可用。
    404 Not Found
    无法找到指定位置的资源。
    405 Method Not Allowed
    请求方法（GET、POST、HEAD、Delete、PUT、TRACE等）对指定的资源不适用。
    500 Internal Server Error
    服务器遇到了意料不到的情况，不能完成客户的请求。
    501 Not Implemented
    服务器不支持实现请求所需要的功能。
    复制代码
    

    常用http状态码 七种常用http状态码

面试二

1. 离职原因

   • 钱少事多离家远？

2. 如何认识前端这一岗位

   • 前端就是用来背锅的→ →

3. cookie 与其他贮存方式

   • cookie 存贮量小，可以用在和服务端通信
   • storage 存贮量大，不通信
     区别

4. 跨域问题（script标签）

   • 重复

5. rgb()如何表示一个红色

   • 这个题面试官说主要考察面试者对前端基本的一些原理的理解；r代表red、g代表 green、b代表blue；所以红色就是(255,0,0)

6. 闭包的理解，优点缺点

   • 优点，避免全局变量污染；可以读取函数内部的变量；让这些变量的值始终保持在内存中，
   • 缺点内存泄露
     闭包简介

面试三

1. jq绑定输入事件(为神魔用input不用change)

   移动端实时监听输入框变化 移动端输入框填坑系列（一）

   • change只有在input失去焦点后才会触发去执行function内的内容。在H5中，有新的事件input，每输入或者删除一个字符都会触发，并不需要失去焦点。

2. vuex刷新之后信息会丢失为神魔用vuex

   vuex

3. 路由懒加载怎么实现

   路由懒加载

       // 少了一步引入赋值。
       const router = new VueRouter({
         routes: [
           path: '/app',
           component: () => import('./app'),  // 引入组件
         ]
       })
       // Vue路由文档的写法:
       const app = () => import('./app.vue') // 引入组件
       const router = new VueRouter({
         routes: [
           { path: '/app', component: app }
         ]
       })
   复制代码
   

   掘金

4. vue生命周期，为神魔请求放在created里面

   重复

5. js里面循环方法（for of in）

   • for...in 循环只遍历可枚举属性(key)
   • 数组索引只是具有整数名称的枚举属性，并且与通用对象属性相同。不能保证for ... in将以任何特定的顺序返回索引。for ... in循环语句将返回所有可枚举属性
   • 如果你只要考虑对象本身的属性，而不是它的原型，那么使用 getOwnPropertyNames() 或执行 hasOwnProperty() 来确定某属性是否是对象本身的属性
   • for...of 语句遍历可迭代对象定义要迭代的数据(value)
   • 对于 对象 不能 直接使用 for of 但是可以 使用 for in 进行 遍历 键名;可以 使用 Object.keys 讲对象的 键名生成一个数组，然后遍历 这个数组
   
   for in

6. 数据类型

   重复

7. 原型

   最详细关于原型链

8. 数组的toString 和 对象的 toString

   toString的原型链

9. 闭包li

   知乎闭包详解

10. es6新的语法

    新的语法

11. 异步函数

    阮一峰promise 阮一峰async await

12. scss语法

    scss语法

13. 跨域问题

    vue项目跨域 jsonp跨域

14. 移动端自适应布局

    重复

面试四

1. 浏览器路由的形式（详细情况）？

   原生实现一个前端路由 前端路由详解 前端路由详解

2. vue的filter格式化时间

   全局过滤器和组件过滤器

3. vue生命周期以及特征

   生命周期

4. vue监听vuex state的数据变化

   watch和computed监听

5. beforeEach全局守卫如何使用

   登录拦截

6. 如何做移动端适配（适配原理）

   移动端适配个人处理方案

7. 箭头函数中的this和普通函数this指向

   this指向

8. babel如何把高级语法转化为低级语法

   • 不知道

9. 堆栈概念，深浅拷贝

   数据类型与深浅拷贝