小知识

目录

1.滑动到某个标签位置（js）

2.通过正则给匹配的字符添加样式（如：字体高亮）

3.生成时间戳

4.elementUi中tree组件使用插槽后的传值

5.js字符与ascii互转

---

1.滑动到某个标签位置（js）

标签.scrollIntoView(
    { 
        //固定写法，滑动时的动画
        behavior: 'smooth' 
    }
)

2.通过正则给匹配的字符添加样式（如：字体高亮）

//str是要进行匹配的整个字符串，tarStr是要进行匹配的关键字
fn(str,tarStr) {
    
    //让reg变成关键字进行正则匹配,ig表示对str进行全局且部分大小写的匹配
    const reg = new RegExp(tarStr,'ig')
    
    //把匹配到的关键字替换成需要的样式
    //由于使用正则时，是不区分大小写的，所以 replace 的第二个参数不能直接写关键字，需要使用函数
    // key 表示在str中符合要求的字符
    return str.replace(reg,key => {
        
        return `<span style="color:red">${key}</span>`        

    })
}

3.生成时间戳

//第一种
let timestamp1 = Date.parse( new Date());

//第二种
var timestamp2 = ( new Date()).valueOf();

//第三种：
var timestamp3 = new Date().getTime();

4.elementUi中tree组件使用插槽后的传值

        在tree组件中，使用插槽后，用 scope 接收插槽传过来的值，插槽会传递 { node, data} 这两个数据

        data 中存放的是该节点的数据

        node 中存放的是有关节点状态的数据

        【注】node.expanded 可以用来查看该节点是否展开

5.js字符与ascii互转

    const str = 'A'
    console.log(str.charCodeAt()) // 65

    const num = 65
    console.log(String.fromCharCode(num)) // A