06 2021 档案
摘要：看到标题你可能会想，如此简单的问题值得去探究吗？如果我有一个json object，只需下面简单的几行代码就可以完成： var obj = { "_id": "5078c3a803ff4197dc81fbfb", "email": "user1@gmail.com", "image": "some_
阅读全文
摘要：js中定义函数的三种方式 通过实例来说明吧 <script> //method1 function fn() { console.log('fn created '); } //method2 var fn2 = function () { console.log('fn2 created'); }
阅读全文
摘要：一、可迭代对象和迭代器 1. 可迭代对象指的是，可通过 for/of 循环的对象，是es6的特性，包括（数组，字符串，set对象，map对象） 2. 扩展操作符...可以展开可迭代对象 let chars = [..."abcd"] // chars ["a","b","c","d"] let da
阅读全文
摘要：在前端 js 中，有着多种数组循环的方式： for 循环；while 和 do-while 循环；forEach、map、reduce、filter 循环；for-of 循环；for-in 循环； 那么哪种循环的执行速度最快呢，我们今天来看一看。 在测试循环速度之前，我们先来创建一个有 100 万数
阅读全文
摘要：问题 现有 40 个异步请求需要发送，但由于某些原因，我们必须将同一时刻并发请求数量控制在 6 个以内，同时还要尽可能快速的拿到响应结果。应该怎么做？这个问题与一道经典面试题很类似： 实现一个批量请求函数 multiRequest(urls, maxNum)，要求如下： 要求最大并发数 maxNum
阅读全文
摘要：什么是数组扁平化？ 数组扁平化其实就是将多维数组转为一维数组。 数组扁平化的几种方式 方式一：ES6的flat方法 const arr = [1,[2,[3,[4,5]]],6] // 方法一：数组自带的扁平化方法,flat的参数代表的是需要展开几层，如果是Infinity的话，就是不过嵌套几层，全
阅读全文
摘要：声明文件的定义 通俗地来讲，在 TypeScript 中以 .d.ts 为后缀的文件，我们称之为 TypeScript 声明文件。它的主要作用是描述 JavaScript 模块内所有导出接口的类型信息。 什么时候需要写 TS 声明文件 在日常的开发中，绝大多数时候是不需要我们单独去编写一个 TS 声
阅读全文
摘要：reduce方法 下面是api的使用和每个参数代表的含义： arr.reduce((prev,cur,index,arr)=>{ },init) arr: 表示将要原数组prev:表示上一次调用回调时的返回值，或者初始值initcur:表示当前正在处理的数组元素index:表示正在处理的数组元素的索
阅读全文
摘要：1. ?? 操作符 在 JavaScript 中， ?? 操作符被称为 nullish 合并操作符。如果第一个参数不是 null/undefined ，这个运算符将返回第一个参数，否则，它将返回第二个参数。让我们看一个例子。 null ?? 5 // => 5 3 ?? 5 // => 3 当为一个
阅读全文
摘要：前言 本文将简要介绍Typescript一些常用泛型工具的作用以及如何使用，简单总结了一下。 Typescript泛型工具 Partial 将传入的属性变为可选项 interface IPeople { title: string; name: string; } const people: Par
阅读全文
摘要：流畅动画的标准 首先，理清一些概念。FPS 表示的是每秒钟画面更新次数。我们平时所看到的连续画面都是由一幅幅静止画面组成的，每幅画面称为一帧，FPS 是描述“帧”变化速度的物理量。 理论上说，FPS 越高，动画会越流畅，目前大多数设备的屏幕刷新率为 60 次/秒，所以通常来讲 FPS 为 60 fr
阅读全文
摘要：学习一门语言的一种非常有效的方法就是阅读该编程语言开发的优秀开源项目的源代码。 vuejs是最好的JavaScript开源项目之一。 1.变量转字符串 vue/src/shared/util.js 将值转换为字符串是一个非常常见的需求，在JavaScript中，有两个函数将值转换为字符串： Stri
阅读全文
摘要：前言 平常业务需求：上传图片、Excel等，毕竟几M的大小可以很快就上传到服务器。针对于上传视频等大文件几百M或者几G的大小，就需要等待比较长的时间。这就产生了对应的解决方法，对于大文件上传时的暂停、断网、网络较差的情况下， 使用切片+断点续传就能够很好的应对上述的情况 方案分析 切片 就是对上传视
阅读全文
摘要：而且JavaScript既然已经有了Map类型的数据结构，为什么还有一种叫做WeakMap类型的数据结构呢？它和垃圾回收有什么关系？ WeakMap很早之前就遇到过，但是没有系统学习过，今天就来对它一探究竟。 初识WeakMap WeakMap对象是一组键值对的集合，其中key是弱引用的WeakMa
阅读全文
摘要：前言 相信做过网页的对css都不是很陌生，它可以帮助我们重铸网页中很多绚丽的特效，尤其是现在css已经发展3.0版本，很多功能更是丰富多彩，让我们的开发时间不仅大大缩短，而且还可以轻松做出许多华丽的特效，需要注意的是，Css相当于html的一个美化装置，所以它必须依赖于html才能发挥作用，那么今天
阅读全文
摘要：1.引入所需的依赖文件 https://github.com/SheetJS/sheetjshttps://github.com/eligrey/FileSaver.js <script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/Fil
阅读全文
摘要：在这篇文章中，主要介绍10种快速提高网站性能的方法，你只需5分钟内就可以将它应用到你的网站上，废话不多说，让我们进入正题吧 。 1. 文件压缩 文件压缩，可以减少网络传输的字节数。有几种压缩算法。Gzip是最流行的，但是对于Brotli，你可以使用一种更新的、甚至更好的压缩算法。如果想检查您的服务器
阅读全文
摘要：前言 毫无疑问，现在是短视频、直播的时代。视频内容逐渐代替图文形式成为网友们获取新鲜事物以及展现自我的一大媒介。随着5G的到来，2020年属于直播短视频爆发式增长的一年，电商平台也都涌入直播营销的大风口，成为了各自平台引流转化的关键。不管是用户还是开发者，我们处于这个风口中。本文将带你探索浏览器视频
阅读全文
摘要：背景 由于项目需要，需要使用摄像头预览功能，设备型号为海康威视。目前已存在的基于 FFmpeg 的方案延迟都太高，所以项目最终选择基于此方案。 方案 方案选用为基于 WebRTC 的视频即时通讯，它原生支持对 RTP 协议的解码，所以能够做到延迟很低，大概0.2-0.4秒左右，其他方案都有大于1秒的
阅读全文
摘要：问题是这样的： 当你兴高采烈的写完一个tab，并且把swiper嵌入到每一个tab item 觉得大功告成的时候，你会发现，永远只有第一个tab上的swiper生效了，其余的不管你怎么切换，swiper总是初始化失败，是的，就是不能愉快的滚动了~ 方法一、官网给出的解决方案是，使用observer：
阅读全文
摘要：前言 本文将简要介绍Typescript一些常用泛型工具的作用以及如何使用，简单总结了一下。 Typescript泛型工具 Partial 将传入的属性变为可选项 interface IPeople { title: string; name: string; } const people: Par
阅读全文
摘要：流畅动画的标准 首先，理清一些概念。FPS 表示的是每秒钟画面更新次数。我们平时所看到的连续画面都是由一幅幅静止画面组成的，每幅画面称为一帧，FPS 是描述“帧”变化速度的物理量。 理论上说，FPS 越高，动画会越流畅，目前大多数设备的屏幕刷新率为 60 次/秒，所以通常来讲 FPS 为 60 fr
阅读全文
摘要：学习一门语言的一种非常有效的方法就是阅读该编程语言开发的优秀开源项目的源代码。 vuejs是最好的JavaScript开源项目之一。 1.变量转字符串 vue/src/shared/util.js 将值转换为字符串是一个非常常见的需求，在JavaScript中，有两个函数将值转换为字符串： Stri
阅读全文
摘要：前言 平常业务需求：上传图片、Excel等，毕竟几M的大小可以很快就上传到服务器。针对于上传视频等大文件几百M或者几G的大小，就需要等待比较长的时间。这就产生了对应的解决方法，对于大文件上传时的暂停、断网、网络较差的情况下， 使用切片+断点续传就能够很好的应对上述的情况 方案分析 切片 就是对上传视
阅读全文
摘要：初识WeakMap WeakMap对象是一组键值对的集合，其中key是弱引用的WeakMap的key必须是对象类型，value可以是任意类型 WeakMap的key为什么是弱引用的？ 弱引用的意义：如果是作为key的对象没有任何地方引用它的话，垃圾收集器(GC)会将其标记为目标并且进行垃圾回收。 W
阅读全文
摘要：JavaScript 是如何执行的 对于常见编译型语言（例如：Java）来说，编译步骤分为：词法分析->语法分析->语义检查->代码优化和字节码生成。 对于解释型语言（例如 JavaScript）来说，通过词法分析 -> 语法分析 -> 语法树，就可以开始解释执行了。 具体过程是这样的： 1.词法分
阅读全文
