Sameen

摘要： 性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 指标本身的作用、测量、推荐时间区间等 如何指标进行优化，该内容会在文 阅读全文

摘要： 视频 视频的播放过程可以简单理解为一帧一帧的画面按照时间顺序呈现出来的过程，就像在一个本子的每一页画上画，然后快速翻动的感觉。 但是在实际应用中，并不是每一帧都是完整的画面，因为如果每一帧画面都是完整的图片，那么一个视频的体积就会很大，这样对于网络传输或者视频数据存储来说成本太高，所以通常会对视频流 阅读全文

摘要： 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 阅读全文

摘要： 8.0 升级 9.1：https://update.angular.io/?v=8.0-9.1 对于通过路由器延迟加载的模块，请确保您正在使用动态导入。在 v9 中删除了通过字符串导入。ng update 会自动处理。 angular 服务 注入 HeroService 往构造函数中添加一个私有的  阅读全文

摘要： 最后我们可以使用chrome的timeline来帮助我们定位资源加载时间，当页面加载非常缓慢时，可以看到具体的耗时环节，这是个对优化性能非常有用的东西(特别是现在手机电脑性能越来越好，而越来越多的延迟是因为资源加载环节所造成的延迟)： Queueing: 队列排到它所用时间Stalled: 浏览器得 阅读全文

摘要： 现在平时都是使用 VS Code 作为日常开发工具，偶尔会打开 WebStorm 临时使用一下，但是却经常忘记格式化代码的快捷键，放在这里防止遗忘。 Windows Windows 系统下 WebStorm 格式化代码的快键键为：Ctrl + Alt + l Mac Mac 系统下 WebStorm 阅读全文

摘要： 帧率：FPS（每秒钟要多少帧画面）； 以及Gop（表示多少秒一个I帧） 码率：编码器每秒编出的数据大小，单位是kbps，比如800kbps代表编码器每秒产生800kb（或100KB）的数据。 分辨率：单位英寸中所包含的像素点数； VGA：Video Graphics Array（视频图像分辨率） 三 阅读全文