业精于勤

10分钟上手Sentry！项目上线后，异常收集是必不可少的，帮助我们监控项目异常情况，帮助你提高生产力。

在画图之前，我们先来了解一下接下来我们会用到的名词概念，以便我们在后面结合图形的方式能够更好地理解。 JS中存在多种作用域(全局、函数私有的、块级私有的)，代码执行之前，首先会形成自己的执行上下文，然后会把上下文进栈，进栈后，在当前上下文中在去依次执行代码。 它是一个堆内存（H…

npm 是随同NodeJS一起安装的包管理工具，目前已经超过600000包（代码模块），世界各地的程序员可以在这个社区中分享自己编写的模块包。 提示你将会创建一个package.json, 然后需要你输入项目名称、版本号、作者等信息，你可以回车填入默认值。或者使用命令npm i…

数组去重也是经典中的经典面试题，今天我们会用不同的思维去解决此问题。(👨‍🚒) 1、相邻的元素相比较，左边的元素大于右边的元素则交换位置。 . . . 想象一下，你现在正在斗地主😇，牌库 [12,8,24,16,1]，每当你从牌库中抓取一张牌时，你需要与手中的牌进行大小比…

最近在开发游戏相关的业务产品，控制游戏中的人物，需要频繁地发出操作指令，这些与服务器交互的数据是以二进制的形式。我们知道ES6提供了ArrayBuffer对象，相信大部分同学在实际开发中很少会用到，那么一起来看看在实际开发场景中是如何应用的吧。 ArrayBuffer对象代表储…

将一个MediaStream音频或视频的本地源，添加到WebRTC对等连接流对象中。官方推荐我们使用另外一个方法addTrack 上述代码：将用户摄像机的音频和视频流添加到连接中，然后通过发送包含SDP对象（SDP对象中包含当前音视频的相关参数）的offer到信令服务。 如果你…

参考： 金掘，数字属性与字符串类型属性 指向的是同一块堆内存。 参考： 掘金，Symbol唯一性，堆内存会重新生成一块新内存。

采用 Flex 布局的元素，称为 Flex 容器（flex container），容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置…

WebRTC可能对于大多数前端开发人员来说是陌生的，在日常的开发工作中一般不会有交集。但是如今火爆的C2C远程教学、云游戏等，都少不了WebRTC的影子。 我的理解：建立一个端对端音视频通信通道，两端通过建立的通道进行数据通讯。 getUserMedia：获取设备上可用媒体权限…