在页面发生线上问题时，你要做的事情就是去查接口，响应数据是否正确，查接口的方法有两种： 第一种是在浏览器中打开地址，但是你必须得知道详细的 URL，并且有些页面还需要附带参数。 第二种是打开...
公司目前的业务会接触比较多的音视频，所以有必要了解一些基本概念。 文章涉及的一些源码已上传至 Github，可随意下载。 一、基础概念 本节音视频的基础概念摘自书籍《FFmpeg入门详解 音视频原理及应...
这套前端监控系统用到的技术栈是：React+MongoDB+Node.js+Koa2。将性能和错误量化。因为自己平时喜欢吃菠萝，所以就取名叫菠萝系统。其实在很早以前就有这个想法，当时已经实现了前端的参数搜集，只是后台迟...
一、Buffer Buffer是一种Node的内置类型，不需要通过require()函数额外引入。它能读取和写入二进制数据，常用于解析网络数据流、文件等。 1）创建 通过new关键字初始化Buffer对象的方式已经被废弃，下面...
Node.js 官方提供了 Cluster 和 Child process 创建子进程，通过 Worker threads 模块创建子线程。但前者无法共享内存，通信必须使用 JSON 格式，有一定的局限性和性能问题。后者更轻量，并且可以共享内存，...
Node.js 不是一门语言，而是一个基于 V8 引擎的运行时环境，下图是一张架构图。 由图可知，Node.js 底层除了 JavaScript 代码之外，还有大量的 C/C++ 代码。 常说 Node.js 是单线程的，但这个单...
一、文件系统 fs模块可与文件系统进行交互，封装了常规的POSIX函数。POSIX（Portable Operating System Interface，可移植操作系统接口）是UNIX系统的一个设计标准。fs模块提供了多个操作目录和文件的方法，...
一、自定义 创建一个空目录，然后通过npm init命令初始化package.json文件，并按提示输入相关信息或直接回车使用默认信息，生成的内容如下所示。 { "name": "pwct", "version": "1.0.0", "description"...
本次分析的KOA版本是2.13.1，它非常轻量，诸如路由、模板等功能默认都不提供，需要自己引入相关的中间件。 源码的目录结构比较简单，主要分为3部分，__tests__，lib和docs，从名称中就可以了解到。 _...
短链顾名思义是一种很短的地址，应用广泛，例如页面中有一张二维码图片，包含的是一个原始地址（如下所示），如果二维码中的链接需要修改，那么就得发代码替换掉。 原始地址：https://github.com/pwstrick/da...
一、box-decoration-break CSS3新增的box-decoration-break属性可指定行内非替换元素在跨行、跨列或跨页时的样式渲染，它包含两个值： （1）slice：默认值，盒子会被分割成多部分。 （2）clone：断开...
网页在提测流转给 QA 后，如何能帮他们更有效而准确的完成测试，是我一直在思考的一个问题。 QA 他们会对网页编写测试用例，在提测之前会让我们将优先级最高的用例跑通，这在一定程度上能够避免频繁的返...
一、纯手工 公司主营的是直播业务，会很许多打榜活动，也就是按主播收到的礼物或收益进行排序，排在前面的会有相应奖励。 纯手工时代，每接到一个活动，就重新写一份，第一次写完。之后就是复制黏贴，再...
WebRTC 在创建点对点（P2P）的连接之前，会先通过信令服务器交换两端的 SDP 和 ICE Candidate，取两者的交集，决定最终的音视频参数、传输协议、NAT 打洞方式等信息。 在完成媒体协商，并且两端网络连通...
低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。让具有不同经验水平的开发人员可以通过图形化的用户界面，通过拖拽组件和模型驱动的逻辑来创建网页和移动应用程...
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，在 2011 年由 Google 提出，经过 10 年的发展，W3C 于 2021 年正式发布 WebRTC 1.0 标准。 WebRTC 标准概括介绍了两种不同的技术：媒体...
一、图像 1）响应式图像 浏览器根据屏幕大小、设备像素比、横竖屏自动加载合适的图像。 响应式的功能可以通过srcset和sizes两个新属性实现。 前者可指定选择的图像以及其大小，后者会定义一组媒体条...
Web优化的对象包括页面性能、用户体验、开发效率、代码优化、网络延迟等，本系列会列举出众多常用的优化技巧，每个技巧都可深入分析，在此只做抛砖引玉。 本系列优化内容提炼于《前端面试宝典》、《高效...
