经纬恒润前端一面面经

1.一个div里面有多个div怎么做到均等分

<div class="container">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
    <div class="four"></div>
</div>

        .container{
        width: 700px;
        height: 200px;
        display: flex;
        justify-content: space-around;//space-around space-between space-evenly的区别
    }
    .one {
        width: 100px;
        height: 100px;
        background-color: antiquewhite;
    }
    .two {
        width: 100px;
        height: 100px;
        background-color: antiquewhite;
    }
    .three {
        width: 100px;
        height: 100px;
        background-color: antiquewhite;
    }
    .four {
        width: 100px;
        height: 100px;
        background-color: antiquewhite;
    }

space-evenly：

space-around：

space-between：

2.if表达式1<2<3>4>6<7.....1000量级，怎么去快速得到最终是true还是false，if(1<2<3)true还是false，if(1>2>3)true还是false

if(1<2<3)先判断1<2是true，true转值为1，1<3等于true
if(3>2>1)同理，先判断3>2为true，true转值为1，1<1为false
再回到这个题本身，面试官说这个题之前有个面试的是通过两个数组来做的，类似于逆波兰表达式的思维，两个栈完成
面试官自己的想法就是将其转化为字符串，1<2看作一个字符串，结果再拼上<3形成一个新字符串再做计算，一个循环调用的过程

3.说一下显式原型和隐式原型

4.Array.prototype是一个什么类型，typeof Array输出什么

Array.prototype是一个长度为零的数组，其中挂载的都是数组方法。

Object(0) []

typeof Array输出的是function

5.数组和对象实现浅拷贝的方式,a{name:'x'}，通过Object.assign()实现浅拷贝b，a和b相等吗

数组实现浅拷贝的方法：Array.prototype.slice()和Array.prototype.concat()
对象实现浅拷贝的方法：Object.assign()

（后面这个问题我说的true，面试官说不对，是false，可能问题也没听清楚，没搞懂，有没有懂的）

let a = {
    name:'ccc'
}
let b = Object.assign(a)
let c = b
console.log(a === b)//true
console.log(b === c)//true
console.log(a === c)//true

6.vue自定义组件，怎么实现v-model

v-model：

v-bind绑定一个value属性
v-on监听当前元素的input事件，当数据变化时，将值传递给value实时更新数据

只要在一个自定义组件内通过设置一个名为 value 的 prop，并且在数据发生变化时 $emit 一个带新值的 input 事件，就可以在该自定义组件中使用 v-model 进行双向绑定。

<input type="text" :value="name" @input="name = $event.target.value">

<template>
    <input type="text" :value="value" @input="handleInput" :placeholder="placehodler" />
</template>
<script>
  export default {
    name: 'kInput',
    props: {
        value: ['String', 'Number'],
        placeholder: String
    },
    methods: {
        handleInput ($event) {
            // 通过input标签的原生事件input将值emit出去，以达到值得改变实现双向绑定
            this.$emit('input', $event.target.value)
        }
    }
  }
</script>