![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
彼岸悠扬
这个作者很懒,什么都没留下…
展开
-
WebSocket
H5原生WebSocket使用 建立连接步骤 创建WebSocket实例 链接WebSocket服务器 监听消息 // 创建实例 let ws = new WebSocket('ws://127.0.0.1:3000'); // 连接服务器 ws.onopen = (e) => { console.log('已连接上服务器'); ws.send('Hello'); }; // 监听消息 ws.onmessage = (e) => { console.log(e); }; // 监原创 2021-05-09 21:17:27 · 96 阅读 · 0 评论 -
事件循环
事件循环 JavaScript代码执行机制 所有同步任务都在主线程的栈中执行 主线程之外,还存在一个任务队列。当异步任务有了运行结果,就会在任务队列中放置一个事件。 当栈中的所有同步任务执行完毕,系统就会读取任务队列,选择出需要首先执行的任务(由浏览器决定) 宏任务与微任务 MacroTask(宏任务): setTimeout, setInterval, requestAnimationFrame, I/O MicroTask(微任务):process.nextTick, Promise.th原创 2021-05-09 16:43:40 · 80 阅读 · 0 评论 -
ES6中的装饰器
装饰器 装饰器(Decorator)是一种与类(class)相关的语法,用来注释或修改类和类方法。 装饰器是一种函数,写成@ + 函数名。它可以放在类和类方法的定义前面。 (引用自《ECMAScript 6 入门》) 用于装饰类 function demo(target) { console.log('name:', target.name); target.isDemo = true; } @demo class Example { sayHi() { console.log('Hi')原创 2021-05-09 15:40:37 · 331 阅读 · 0 评论 -
promise与async、await
promise与async、await promise用法 promise基本用法 let p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('p1-ok'); }, 1000); }); let p2 = Promise.resolve('p2-ok'); p1.then((res) => { console.log(res);// p1-ok return p2; }).then((原创 2021-05-09 12:55:23 · 78 阅读 · 0 评论