02 2021 档案
摘要：https://www.darrenhuang.com/core-web-vitals-lcp-fid-cls.html
阅读全文
摘要：推荐阅读：解决内存问题 1. 任务管理器 我们看看下面这幅图： 内存占用空间：原生内存，Dom节点就是存在原生内存里面的。 Javascript使用的内存：代表JS堆内存，我们只需要关心括号里面的值（实时值）就可以了，JavaScript对象就存在JS堆里面。 2. Performance 我们看看
阅读全文
摘要：COS 作为 CDN 源站 COS：对象存储（Cloud Object Storage，COS） CDN：内容分发网络（Content Distribution Network） 概述 用户可将其静态资源（包括静态脚本、音视频、图片、附件等文件）全部托管在腾讯云 COS 的标准存储中，并利用无限容量
阅读全文
摘要：此文上接WebGL 基础概念。 如果你还没有阅读WebGL工作原理，也许可以先阅读这篇文章。 我们之前提到过着色器和GLSL，但是没有涉及细节，你可能已经对此有所了解， 但以防万一，这里将详细讲解着色器和GLSL。 在工作原理中我们提到，WebGL每次绘制需要两个着色器， 一个顶点着色器和一个片断着
阅读全文
摘要：性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 指标本身的作用、测量、推荐时间区间等 如何指标进行优化，该内容会在文
阅读全文
摘要：视频 视频的播放过程可以简单理解为一帧一帧的画面按照时间顺序呈现出来的过程，就像在一个本子的每一页画上画，然后快速翻动的感觉。 但是在实际应用中，并不是每一帧都是完整的画面，因为如果每一帧画面都是完整的图片，那么一个视频的体积就会很大，这样对于网络传输或者视频数据存储来说成本太高，所以通常会对视频流
阅读全文
摘要：HLS 简介 HTTP Live Streaming（缩写是 HLS）是由苹果公司提出基于 HTTP 的流媒体网络传输协议，它是苹果公司 QuickTime X 和 iPhone 软件系统的一部分。它的工作原理是把整个流分成一个个小的基于 HTTP 的文件来下载，每次只下载一些。当媒体流正在播放时，
阅读全文
摘要：JSON对象的序列化与反序列化相信大家都很熟悉了。基本的api是JSON.parse与JSON.stringify. var json={ uiModule:'http://www.a.com', login:'true', mainSubjectId:3004, happydays:100, ha
阅读全文
摘要：hls.js是一个JavaScript库，可实现HTTP Live Streaming客户端。 它依靠HTML5视频和MediaSource扩展进行播放。 它通过将MPEG-2传输流和AAC / MP3流转换为ISO BMFF（MP4）片段来工作。 如果在浏览器中可用，可以使用Web Worker异
阅读全文
摘要：OpenGL只是一种可用于渲染2D和3D矢量图形的API（应用程序编程接口）。它是跨语言和跨平台的。该API将与GPU交互并为系统提供加速渲染。 WebGL基本上是基于Javascript的API。这个也用于渲染2D和3D元素。虽然，但要注意的是，该浏览器用于Web浏览器。很多人可能不知道，但是We
阅读全文
