前端实用笔记

依次按顺序执行任务 所有任务完成后得到返回结果 两个方法start启动，pause暂停，不可中断。

2.实现标签页打开控制：

发出：

`const channel = new BroadcastChannel('music')

channel.postMessage({musicName:e.target.dataset.name})

`

收到：

` const channel = new BroadcastChannel('music')

channel.addEventListenner('message',e=>{

if(e.data.musicName){paly(e.data.musicName)}

}) `

3.代码着色器： highlight.js

直接：import hljs from 'highlight.js'

然后获取code区域： const code = document.querySelector("#code-area") hljs.highlightElement(code,{ language:'css' )

如果是ajax请求获取：

`const result = hljs.highlight(code.content,{ language:code.lang } ) const code = document.querySelector("#code-area");

code.className = 'hljs language-$(code.lang)'

code.innerHtml=result.value

`

4.异步的传染性：

调用async函数必须也得async前缀：代码太复杂，年薪30w才看得懂

5.纯故障风图片：

//混合模式 background-blend-mode:lighten; mix-blend-mode:darken;antimation:shake 30ms infinite;