面试题目记录

1. 防抖和节流代码编写

2. vue项目优化

3. 小程序的a页面到b页面怎么传参数，如何优化小程序

参数少的时候可以使用该方式

1.使用navigator跳转url添加参数

<navigator url="/pages/myOrder/myOrder?type=1" class="list_item_i list_item_tips"></navigator>

2.参数过多的时候可以使用浏览器缓存的方式传递

优化

小程序启用加载性能

• 控制代码包大小
• 分包加载
• 启用预请求，利用缓存

小程序渲染性能

• 避免不当的使用setData
• 合理利用事件通信
• 使用自定义组件

4. vuex+cookie的意义

5. vue中父子组件通信有哪些方法？

• prop 父组件传递给子组件参数
• this.$emit() 子组件传递给父组件
• EventBus 相当于全局创建一个 变量 供所用的页面使用 可以在小项目中使用大项目推荐使用vuex
• vuex 状态管理

6. watch能不能监听一个对象内部属性的变化？

7. vue用户信息从登录到成功的过程？

8. 如何让css只在当前组件中起作用？

在 style里面添加scoped
<style scoped></style>

9. 下面的代码分别输出什么

        var bar =true
        console.log(bar+0); 1
        console.log(bar+"xyz"); turexyz
        console.log(bar+true);2
        console.log(bar+false);1

var y=1
        if(function f(){}){  //F的作用域只存在if里面
            y+=typeof f
        }

        console.log(y);  1undefined

 var output = (function (x) {
            delete x;
            return x;
        })(0)

        console.log(output);  输出0

10.嵌套路由怎么定义？

11. 怎么定义vue-router的动态路由？怎么获取传过来的动态参数？

12.vue-router有哪几种导航钩子

是一个函数表示放行next()
将要访问的路径to() 
 表示从哪个路径跳转过来 form()

13.请详细说一下你对vue生命周期的理解

14.请说一下封装组件的过程

15.vue-cli中如何使用自定义的组件？有遇到过哪些问题

16. 下列代码输出什么

function Foo(){  
      Foo.a=function(){
        console.log(1)
      }
      this.a=function(){
        console.log(2)
      }
    }
    Foo.prototype.a=function(){
      console.log(3)
    }
    Foo.a=function(){
      console.log(4)
    }

    Foo.a()  //全局的a 4
    let Obj=new Foo()  // new 一个构造函数 Foo 

    console.log(Obj,'Obj',Foo)
    Obj.a()   // 继承拿到当前的a 而不是 Foo.a()  2
    Foo.a()   1  //函数覆盖  由于上面调用了new Foo() 所以读的 是 1