1 WebRTC音视频通话功能简介本文介绍如何基于WebRTC快速实现一个简单的实时音视频通话。在开始之前，您可以先了解一些实时音视频推拉流相关的基础概念： 流：一组按指定编码格式封装的音视频数据内容。蓝狮注册登陆一个流可以包含几个轨道，比如视频和音频轨道。推流：把采集阶段封包好的音视频数据流推送到 ZEGO 实时音视频云的过程。拉流：从 ZEGO 实时音视频云将已有音视频数据流拉取播放的过程。房间：是 ZEGO 提供的音视频空间服务，用于组织用户群，同一房间内的用户可以互相收发实时音视频及消息。用户需要先登录某个 ...

1、unknown是所有类型的父类型，其他类型都可以赋值给 unknown let a: undefined = undefined;let b: null = null; let x2: unknown; x2 = a; //正确x2 = b; //正确2、never 是任何类型的子类型，可以赋给任何类型 let a: undefined = undefined;let b: null = null; function err(): never { // OKthrow new Error(‘error’);} a = err(); //正确b = err(); //正确3、any可以赋值给任何类型，任何类型可以赋值给any，蓝狮注册开户除了any不能赋值给never(但是never却可以赋值给any) let a: und ...

随着web前端开发行业的不断发展，对于新涌现的技术和工具，我们要保持一颗好奇的心态。因为正确的使用web前端开发工具可以让我们web开发过程更快捷、更轻松，还能提高产品的开发质量。面对市面上诸多的web前端开发工具，主流的web框架有哪些，都具有什么特性？下面给大家介绍6款主流web前端框： vue.jsVue.js 是流行的前端 Web 开发工具之一，专注于构建用户界面。由于单向数据流架构，Vue.js 在短时间内提供了复杂 Web 应用程序所需的简单性和强大功能之间的出色平衡。 使用 Vue.js 的另一个好处是附加组件的生态系统，它 ...

大家好，我是 CUGGZ。 ECMAScript 是 JavaScript 的标准与规范，JavaScript 是 ECMAScript 标准的实现和扩展。今天就来看看 ECMAScript 各版本有哪些实用开发技巧吧！ 一、ES6 新特性（2015）1、let和const在ES6中，新增了let和const关键字，其中 let 主要用来声明变量，蓝狮注册开户而 const 通常用来声明常量。let、const相对于var关键字有以下特点： 特性varletconst变量提升 :heavy_check_mark: × × 全局变量 :heavy_check_mark: × × 重复声明 :heavy_check_mark: × × 重新赋 ...

因为当时已经意识到了在 Object.prototype 上放置方法是不好的，最主要的就是兼容性问题。在 ES1 之后，只有 ES3 里给 Object.prototype 扩展了三个方法，而且后面也证明是不好的，ESLint 里有个 no-prototype-builtins 规则来禁用它们： 其中 hasOwnProperty() 使用的最频繁一些，蓝狮注册开户于是今年的规范刚加上了 Object.hasOwn() 来替代它。 具体哪里不好？首先就是用 Object.create(null) 创建的无原型对象没法使用这些方法。 而且对象自己身上可能有个同名属性，比如： {hasOwnProperty: 1}。当然这个可能性对 ...

简单来说，5 层以上的定时器嵌套会导致至少 4ms 蓝狮注册开户的延迟。 用如下代码做个测试： let a = performance.now();setTimeout(() => {let b = performance.now();console.log(b – a);setTimeout(() => {let c = performance.now();console.log(c – b);setTimeout(() => {let d = performance.now();console.log(d – c);setTimeout(() => {let e = performance.now();console.log(e – d);setTimeout(() => {let f = performance.now();console.log(f – e);setTimeout(( ...

//父类class Dad {constructor(x, y) {蓝狮注册this.x = 5;this.y = 1;this.state = 789} static x = 521 state1 = 666 say() { console.log("父类bark"); } talk = () => { console.log("父类talk"); } static speak() { console.log("父类speak"); console.log(this.state); } speak(){ console.log("父类不会speak"); } }//子类class Child extends Dad {constructor() {super()this.x = 987this.toString = this.toString.bind(this)} state = {} toString() { return '(' + this.x ...

前言最近在处理前端直播的业务，根据业务需要，使用 flv.js 的方案播放实时的flv视频流。不得不承认，flv.js 是一个伟大的库。 在使用flv.js开发的过程中，遇到了一些问题，也无外乎是视频延迟，视频卡顿等问题，经过在github issues里摸爬滚打，加上长时间的试错，将这些问题归纳出了对应的解决方案，也自己封装了一个扩展插件 flvExtend。 于是写这篇文章来对我遇到的一些问题进行总结，我提出的解决方案不一定适合所有场景，如果有更好的解决方案，欢迎讨论，这也是我写这篇文章的目的，也是我写文章的初心。 前端直 ...

从头开始理解 reactReact 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 api，即 dom，所以新手可能想知道 React 带来了什么以及它与 DOM 的关系。 原生 JavaScript 和 DOM在 JavaScript 中，就像在大多数编程语言中一样，您将可以访问具有各种对象和函数的全局范围，您可以操纵这些对象和函数来构建您的应用程序。在 Web 环境中运行的 JavaScript 应用程序中，您将有权访问文档对象模型 (DOM) API。如果您在基于节点的应用程序中 ...

大家好，我是杨成功。 上一篇我们详细介绍了前端如何采集异常数据。采集异常数据是为了随时监测线上项目的运行情况，发现问题及时修复。在很多场景下，除了异常监控有用，收集用户的行为数据同样有意义。 怎么定义行为数据？顾名思义，就是用户在使用产品过程中产生的行为轨迹。比如去过哪几个页面，点过哪几个按钮，甚至在某个页面停留了多长时间，某个按钮点击了多少次，如果有需求都可以记录下来。 但是记录行为数据是一个和业务紧密关联的事情，不可能把每个用户每一步操作都极其详细的记录下来，这样会产生极其庞 ...