云中桥

在开始之前，我们非常有必要去了解、巩固一下call、apply和bind在开发中的具体作用。 相同点：都可以改变this指向。 不同点：call方法接受的是一个参数列表，apply的第二个参数为数组；bind方法返回的不是具体数值，而是函数。 1、判断context的值，如果没…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

puppeteer 是一个Chrome官方出品的headless Chrome node库。它提供了一系列的API, 可以在无UI的情况下调用Chrome的功能, 适用于爬虫、自动化处理等各种场景 puppeteer 是一个Chrome官方出品的headless Chrome …

但作为这个时代的见证者，从97年接触互联网到现在整整22年，仍然这里写下：中国互联网史就是一部原罪史。

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 initialValue (可选): 作为第一次调用callback函数时的第一个参数的值。如果没有提供初始值，则将使用数组中的第一个元素，在没有初始值的空数组上调用reduc…

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…

当视频能够预览并上传后，非要来一张视频第一帧的截图贴上，第一帧是黑的怎么办，下一帧。 在video标签上添加preload属性. 以上两种方式都可以成功截取到第一帧（截图方式方法不变），自动播放是否准确待验证，预加载属性已验证成功。 关于截取或者处理图片/视频/富文本编辑器，c…

我在以前的文章中，曾经分享过，关于JavaScript中的对象的知识，其中提到了，构造函数创建的方式以及各个函数的优缺点，其实今天要讲的class，可以看作是构造函数的语法糖，因为它的绝大部分的功能，在ES5中都能够实现。都能实现，为什么js研究人员还要费劲巴力的去研究clas…