上海前端面试集

写在前面的话:以下是个人在找工作中被考的题目,供大家参考,答案我也在网上找到了附在下面,如果有什么不同的答案,欢迎指教,还没有答案的是还没有找到合适的答案,欢迎大家分享答案.最后,祝大家早日高薪就业!!!喜欢记得点赞哦～～

第一天面试

1.根据UI设计敲页面,官网首页轮播图及以上,不限制方法,要求响应式布局
例如这个网址(http://www.boc.cn/)

2.路由导航守卫里面有什么内容
(https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%AE%88%E5%8D%AB)

3.后台管理系统的权限分配(考动态路由)
(http://shanhuxueyuan.com/lesson/detail/124.html)

4.(衔接上一个问题,动态路由中)怎么样添加路由
router.addRoutes

5.讲一下组件和组件的v-mode模式(我理解的是组件和组件双向绑定模式)
(https://www.cnblogs.com/yuerdong/p/9871944.html)

6.公众号怎么分享链接
(https://www.jianshu.com/p/72fa6ee01e9c)

7.vue中3种传值方法
父向子传值,子向父传值,兄弟传值
(https://www.jianshu.com/p/25dfa8e331ad)

8.开发移动端的话一般怎么布局
(考点rem)
(https://blog.csdn.net/u010852544/article/details/53538362)
9.什么是keep-alive

第二天面试

第二天两个公司规模都比较大,相比于第一天的小公司更规范,面试官会根据你的简历来问.
1.你了解es6吗?常用的有哪一些
2.谈谈对promis的理解
4.你先介绍下自己
5.为什么学的不是本专业但是做这个行业
6.vueX在项目中开发的有哪些优点
7.xueX的值刷新会清空,那一般我们怎么处理这个问题呢
8.后台开发,你负责哪一块儿(这是根据项目来问的,我的项目中有一个后台管理系统)
9.你是不是根据不同角色拿到不同的后台数据,那你这个数据是不是登陆的时候拿到的(衔接上一个问题)
10.涉及到按钮级别的菜单,按钮的增删改怎么做(再衔接上一个问题)
可以的,多加一层
11.你的微信小程序包含哪些小功能.,你主要负责哪些页面
12.vue中 cli3和cli2的区别
cli3去掉了webpack部分,更独立.cli3和cli2的文件夹不一样
13.c3用的多不多,怎么翻转180度

大boss上线,问问题非常犀利

14.小程序上线了吗,几个人开发的.官网的话平时应该不需要维护吧,是整个后台系统都做,还是只做一部分,是整个项目用vue还是部分用vue,你除了这个后台管理系统和官网维护就没有其他的项目了,是吧?
15.你觉得vue这个架构怎么样,你觉得他的发展趋势怎么样
为什么来上海,你住的地方来公司方便吗？
以上是一家公司的面试问题，技术面了人事面，人事面了，总监面，作者在楼下等面试者等了两个小时才面完，等着都心力交瘁，更别说面试者了，下午又去面了鹅厂，也面了一个小时，今天太晚了，明天抽时间把鹅厂的面试问题整理一下。
数组的处理方法
(https://www.cnblogs.com/intval/p/3630277.html)

第三天面试

1.简单手写一个父子继承？

JavaScript的原型继承实现方式就是：
定义新的构造函数，并在内部用call()调用希望“继承”的构造函数，并绑定this；
借助中间函数F实现原型链继承，最好通过封装的inherits函数完成；
继续在新的构造函数的原型上定义新方法。
(https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014344997013405abfb7f0e1904a04ba6898a384b1e925000)

2.vue中组件之间用v-modle传值

3.箭头函数的指向
4.vue的计算属性
5.尽可能多的方法，让盒子垂直水平居中

(https://blog.csdn.net/baidu_38609334/article/details/81025238)
(https://blog.csdn.net/qzt1204/article/details/80502354)
6.定位有哪一些属性，分别相对于什么定位
(http://www.w3school.com.cn/cssref/pr_class_position.asp)

7.事件委托
(https://www.cnblogs.com/zhoushengxiu/p/5703095.html)
8.promis
9.vue的传值
10.弹性盒子
11.两边固定中间自适应(用多种方法)
12.$set用过没有
13.webpack 打包性能优化
14.then(req,res)和.then(req).catch(res)的区别
(https://segmentfault.com/a/1190000011138081?utm_source=tag-newest)
15.call和apply this指向问题
(http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html)
(https://www.jianshu.com/p/bc541afad6ee)

16.什么是css moudle
(https://www.askhtml5.com/article/9)
17.什么是bfc
(https://blog.csdn.net/wky_csdn/article/details/73554720)
18.浮动原因,及清楚浮动的方式
19.事件evenet.target 与event.currentTarget 分别是什么
20.描述一下什么是事件委托
21.运算符双等和三等有什么区别
22.什么是AMD CMD CommonJs,他们的区别和应用场景
23.请描述一下代码的执行结果

func()
var func=function(){
concle.log('a')
}
function func(){
console.log('b')
}
func()

答案 b a

24.自定义组件
(https://www.cnblogs.com/pengfei-nie/p/9134367.html)
25.父子组件传值
(https://segmentfault.com/a/1190000010530600?utm_source=tag-newest)

第四天面试

1.第一题

 function  f2() {
          console.log(1)
        }
        $.ajax("http://www.lovegf.cn:8899/api/getlunbo",{success:f2})
        setTimeout(function () {
            console.log(2)
          },0);
          console.log(3);

答案 :321 此题应该是要考你同样是事件队列, setTimeout和ajax谁先执行,谁后执行.

  function test() {
        for (var i = 0; i < 5; i++) {
            setTimeout(function timer() {
                console.log(i);
              }, 1000*i);
            
        }
        console.log("end",i);
      }
      test()

答案 "end",5

  
    function test() {
        for (let i = 0; i < 5; i++) {
            setTimeout(function timer() {
                console.log(i);
              }, 1000*i);
            
        }
        console.log("end",i);
      }
      test()

答案:i is not defined
0,1,2,3,4,

   const promise = new Promise((resolve, reject) => {
        console.log(1);
        resolve();
        console.log(2);
      });
      promise.then(() => {
        console.log(3);
      });
      console.log(4);

答案:1,2,4,3

class Animal{
        constructor(){
            this.type="animal"
        }
        says(say){
            setTimeout(function () {
                console.log(this.type+"says"+say);
              }, 1000);
        }
    }
    var animal=new Animal()
    animal.says("hi")

答案:undefinedsayshi

function Timer() {
         this.s1=0;
         this.s2=0;
         setInterval(()=>this.s1++,1000);
         setInterval(function () {
             this.s2++
           },1000);
       }
       var timer=new Timer();
       setTimeout(()=>
           console.log("s1:",timer.s1),3100
       );
       setTimeout(()=>
           console.log("s2:",timer.s2),3100
       )

答案:s1:3
s2:0

2.将数组中所有元素添加到另一个数组中去
3.用promis对象实现的Ajax操作的实例
4.请写出一个简单的圆形脸继承代码

第五天面试

＊＊如何优化网页结构＊＊
（http://baijiahao.baidu.com/s?id=1599346533987410983&wfr=spider&for=pc）
（https://blog.csdn.net/aoli_shuai/article/details/79673527）

 var F=function(){}
   Object.prototype.a=function(){
     console.log("a()");
   }
   Function.prototype.b=function(){
     console.log("b()");
   }
   var f=new F()
   console.log(F.a);
   console.log(F.b);
   console.log(f.b);
   console.log(f.b);
   console.log(Object);
   console.log(Function);
  console.log(typeof F);   
  console.log(typeof f);   
   
  F.a()
  F.b()
   
  f.a()
  f.b()

(https://blog.csdn.net/haishangfeie/article/details/80025471)
(https://m.imooc.com/wenda/detail/285059)
(https://blog.csdn.net/u010582082/article/details/71105140)

如果购物车里面的价格有变动，怎么办
js原生很重要

第六天面试（今天最后一次更新了，经过这么多次面试以后终于找到了工作~~~恭喜我自己，哈哈哈哈）

mvvm
vue的走马灯效果
移动端适配的rem和em 的区别
移动端的物理像素
移动端的一像素怎么是实际一像素
（https://blog.csdn.net/qq_35844177/article/details/54846351）
vueX里面的数据怎么更改
浮动，定位，垂直居中，怎么检查一个标签有没有某个样式
（https://zhidao.baidu.com/question/327969497591732485.html）

typeof 和 instanceof
弹性盒子
vue的生命周期，钩子函数。Vue函数里面用钩子函数next()控制路由跳转
（https://segmentfault.com/a/1190000016344599）
vue 里面的watch
（https://www.cnblogs.com/kelly2017/p/7136386.html）