一些零散的知识点

vertical-align

 

• 可以设置具体的长度值

是正值基线就向上移动，如果是负值基线向下移动。

<div style="background: #398dee">
    <span style="vertical-align: -10px">负值效果</span>
    x
    <span style="vertical-align: 10px">正向移动10px</span>
</div>

• 百分比值：正负情况和长度值一样，需要知道的值是相对于行高（line-height）的百分比。

<div style="background: #398dee;line-height: 50px">
    <span style="vertical-align: -10%">负值效果</span>
    x
    <span style="vertical-align: 10%;">正向移动10px</span>
</div>

js中的contains方法 

原生JS中是有contains方法的，但它并不是字符串方法，仅用于判断DOM元素的包含关系，参数是Element类型

将扁平的数据转成树状（不需要用递归的方法）

给对象参数 设置默认值

纯函数，避免更改函数外的变量

 

vue父组件里有插槽 然后父组件里的样式  是可以给使用插槽的组件使用的

filter 是浅拷贝

<style></style> 可以直接修改全局样式,但是加个class 范围,避免污染

数组对象去重

let arr = [{ name: 'name1', id: 1 }, { name: 'name2', id: 2 }, { name: 'name3', id: 3 }, { name: 'name1', id: 1 }, { name: 'name4', id: 4 }, { name: 'name5', id: 5 }];
 const result = [];
 arr.forEach(item=>{
    !result.some(v => JSON.stringify(v) === JSON.stringify(item)) && result.push(item)
 })
 console.log(result) //[{ name: 'name1', id: 1 },{ name: 'name2', id: 2 },{ name: 'name3', id: 3 },{ name: 'name4', id: 4 },{ name: 'name5', id: 5 }]