面试实战

2023年02月01日

编程题

      const obj = {
        name: "张三",
        age: 10
      }
      const obj1 = obj;
      let obj2 = obj1;
      obj2.age = 21;
      console.log(obj.age); // 21
      obj2 = {
        age: 20
      }
      console.log(obj.age); // 21
      console.log(obj1.name); // 张三
      console.log(obj2.name); // undefined

如何实现左边元素宽度固定200px，中间元素宽度是右边元素宽度的1半

flex-grow: 弹性盒子如何分配剩余空间

flex-grow默认值为0

常见的flex简写值有哪些？ flex = flex-grow + flex-shrink + flex-basis

flex-grow: 定义子元素的放大比例
fllex-shrink: 定义子元素的缩小比例
flex-basis: 定义剩余空间的基础宽度

• flex: 默认值 => (0, 1, auto) 实现既不放大也不缩小

• flex: none =>（0，0，auto)实现不放大也不缩小

.item {flex:none};
// 等价于
.item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}

• flex: auto => (1, 1, auto)实现放大且缩小

.item {flex:auto}
.item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

• flex: 1 => (1, 1, 0)实现放大且缩小而且等分剩余所有空间

.item {flex: 1}
.item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
 

list = [{age1},{age2}]
res = []
 
reduce((x,y) => {
	x > y ? 
})
 
sort对象数组排序
 
list
.map(item)
.filter(item => item > 20);
 
some()
 
reduce()
 
 
v-model