酷儿q

2021年6月25日

摘要：在这篇文章中，主要介绍10种快速提高网站性能的方法，你只需5分钟内就可以将它应用到你的网站上，废话不多说，让我们进入正题吧。 1. 文件压缩文件压缩，可以减少网络传输的字节数。有几种压缩算法。Gzip是最流行的，但是对于Brotli，你可以使用一种更新的、甚至更好的压缩算法。如果想检查您的服务器阅读全文

posted @ 2021-06-25 23:58 酷儿q 阅读(355) 评论(0) 推荐(0)

web视频播放

摘要：前言毫无疑问，现在是短视频、直播的时代。视频内容逐渐代替图文形式成为网友们获取新鲜事物以及展现自我的一大媒介。随着5G的到来，2020年属于直播短视频爆发式增长的一年，电商平台也都涌入直播营销的大风口，成为了各自平台引流转化的关键。不管是用户还是开发者，我们处于这个风口中。本文将带你探索浏览器视频阅读全文

posted @ 2021-06-25 23:57 酷儿q 阅读(574) 评论(0) 推荐(0)

基于 WebRTC 的 RTSP 视频实时预览

摘要：背景由于项目需要，需要使用摄像头预览功能，设备型号为海康威视。目前已存在的基于 FFmpeg 的方案延迟都太高，所以项目最终选择基于此方案。方案方案选用为基于 WebRTC 的视频即时通讯，它原生支持对 RTP 协议的解码，所以能够做到延迟很低，大概0.2-0.4秒左右，其他方案都有大于1秒的阅读全文

posted @ 2021-06-25 23:56 酷儿q 阅读(567) 评论(0) 推荐(0)

swiper在tab切换的时候，swiper不生效，当display:none 后再次显示无法自动滑动问题解决方案

摘要：问题是这样的：当你兴高采烈的写完一个tab，并且把swiper嵌入到每一个tab item 觉得大功告成的时候，你会发现，永远只有第一个tab上的swiper生效了，其余的不管你怎么切换，swiper总是初始化失败，是的，就是不能愉快的滚动了~ 方法一、官网给出的解决方案是，使用observer：阅读全文

posted @ 2021-06-25 23:55 酷儿q 阅读(555) 评论(0) 推荐(1)

2021年6月24日

Typescript一些常用的泛型工具

摘要：前言本文将简要介绍Typescript一些常用泛型工具的作用以及如何使用，简单总结了一下。 Typescript泛型工具 Partial 将传入的属性变为可选项 interface IPeople { title: string; name: string; } const people: Par 阅读全文

posted @ 2021-06-24 19:05 酷儿q 阅读(87) 评论(0) 推荐(0)

Web 动画帧率（FPS）计算

摘要：流畅动画的标准首先，理清一些概念。FPS 表示的是每秒钟画面更新次数。我们平时所看到的连续画面都是由一幅幅静止画面组成的，每幅画面称为一帧，FPS 是描述“帧”变化速度的物理量。理论上说，FPS 越高，动画会越流畅，目前大多数设备的屏幕刷新率为 60 次/秒，所以通常来讲 FPS 为 60 fr 阅读全文

posted @ 2021-06-24 19:03 酷儿q 阅读(205) 评论(0) 推荐(0)

Vue源码学习_4个实用的Javascript技巧

摘要：学习一门语言的一种非常有效的方法就是阅读该编程语言开发的优秀开源项目的源代码。 vuejs是最好的JavaScript开源项目之一。 1.变量转字符串 vue/src/shared/util.js 将值转换为字符串是一个非常常见的需求，在JavaScript中，有两个函数将值转换为字符串： Stri 阅读全文

posted @ 2021-06-24 19:02 酷儿q 阅读(45) 评论(0) 推荐(0)

Node.js断点续传

摘要：前言平常业务需求：上传图片、Excel等，毕竟几M的大小可以很快就上传到服务器。针对于上传视频等大文件几百M或者几G的大小，就需要等待比较长的时间。这就产生了对应的解决方法，对于大文件上传时的暂停、断网、网络较差的情况下，使用切片+断点续传就能够很好的应对上述的情况方案分析切片就是对上传视阅读全文

posted @ 2021-06-24 19:01 酷儿q 阅读(182) 评论(0) 推荐(0)

如何理解WeakMap？

摘要：初识WeakMap WeakMap对象是一组键值对的集合，其中key是弱引用的WeakMap的key必须是对象类型，value可以是任意类型 WeakMap的key为什么是弱引用的？弱引用的意义：如果是作为key的对象没有任何地方引用它的话，垃圾收集器(GC)会将其标记为目标并且进行垃圾回收。 W 阅读全文

posted @ 2021-06-24 18:59 酷儿q 阅读(154) 评论(0) 推荐(0)

JavaScript 语法解析、AST、V8、JIT

摘要： JavaScript 是如何执行的对于常见编译型语言（例如：Java）来说，编译步骤分为：词法分析->语法分析->语义检查->代码优化和字节码生成。对于解释型语言（例如 JavaScript）来说，通过词法分析 -> 语法分析 -> 语法树，就可以开始解释执行了。具体过程是这样的： 1.词法分阅读全文

posted @ 2021-06-24 18:56 酷儿q 阅读(413) 评论(0) 推荐(0)

公告