面试题总结1

一面：

1. v-if和V-show的区别

相同点：都是可以动态控制dom元素显示隐藏

不同点： V-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏这是为该元素添加css:display:none,dom元素还在。

2.js的八种数据类型及区别

包括值类型（基本数据类型）和引用数据类型（复杂对象类型）

基本类型（值类型）：number,String,Boolean,Symbol(符号)，null(空)，undefined(未定义)在内存中占据固定大小，保存在栈内存中。

引用数据类型（复杂数据类型）：Object（对象），Function（函数）。还有Array，Date，RegExp（正则表达式），存储在堆内存，占据空间大，大小不固定。

引用数据类型在栈中存储了指针，指向堆中该实体的起始地址，当解释权寻址引用值时，会检索其在栈中的地址，然后从堆中获得实体。

两类数据类型的区别：

1.  堆比栈大，栈比堆运行快。
2.  堆，无序存储，可以根据引用直接获取。
3.  基本数据类型结构稳定，相对来说占用内存小。
4.  引用数据类型是动态的，而且是无限的。

3.  js的数据类型检测方案

typeof

console.log(typeof 1);               // number
console.log(typeof true);            // boolean
console.log(typeof 'mc');            // string
console.log(typeof Symbol)           // function
console.log(typeof function(){});    // function
console.log(typeof console.log());   // function
console.log(typeof []);              // object 
console.log(typeof {});              // object
console.log(typeof null);            // object
console.log(typeof undefined);       // undefined

优点：能够快速区分基本数据类型

缺点：不能将Object、Array和Null区分，都返回object.

instanceof

console.log(1 instanceof Number);                    // false
console.log(true instanceof Boolean);                // false 
console.log('str' instanceof String);                // false  
console.log([] instanceof Array);                    // true
console.log(function(){} instanceof Function);       // true
console.log({} instanceof Object);                   // true

 优点：能够区分Array、object和Function，适合用于判断自定义的类实例对象

缺点：Number, Boolean, String 基本数据类型不能判断

Object.prototype.toString.call()

var toString = Object.prototype.toString;
console.log(toString.call(1));                      //[object Number]
console.log(toString.call(true));                   //[object Boolean]
console.log(toString.call('mc'));                   //[object String]
console.log(toString.call([]));                     //[object Array]
console.log(toString.call({}));                     //[object Object]
console.log(toString.call(function(){}));           //[object Function]
console.log(toString.call(undefined));              //[object Undefined]
console.log(toString.call(null));                   //[object Null]

优点：基本数据类型

缺点：写法繁琐不容易记，推荐进行封装后使用

4. Vue组件间的通信方式

• props/$emit 父子组件通信

  父->子props，子->父 $on、$emit 获取父子组件实例 parent、children Ref 获取实例的方式调用组件的属性或者方法 父->子孙 Provide、inject 官方不推荐使用，但是写组件库时很常用

• $emit/$on 自定义事件 兄弟组件通信

  Event Bus 实现跨组件通信 Vue.prototype.$bus = new Vue() 自定义事件

• vuex 跨级组件通信

  Vuex、$attrs、$listeners Provide、inject

5.第一次项目上传git

6.栈和堆的内存会不会自动释放

7.双向绑定实现原理

8.前后端联调怎么实现

9.数据库里的外连接