以往用到图片上传功能都是直接使用现成的插件，今天把其中用到的知识点整理一下。 指定选择文件类型的范围。默认为所有文件类型 当文件类型为图片或视频且在移动端时，此属性才有意义。 返回一个 FileList，列出每个所选文件对象。除非 multiple 指定了属性，否则此列表只有一…

项目中经常会遇到需要导出列表内容，或者下载文件之类的需求。结合各种情况，我总结了前端最常用的三种方法来接受后端传过来的文件流并下载，针对不同的情况可以使用不同的方法。 如果后端提供的下载接口是get类型，可以直接使用方法一，简单又便捷；当然如果想使用方法二、三也是可以的，不过感…

这段时间工作巨多，直到今天才有时间写点东西。可是要输出点什么比较好呢？这时候看到了隔壁桌面上放着一张机打的写着一组一组数字的纸，有了！那要不抽个奖吧！ 抽奖，讲究一个随机，只要把随机摇号解决了不就不管什么规则都能抽了？所以我们需要一个可以产生随机数的函数。不仅要随机数，我们还需…

作为前端工程师 de 我们，日常少不了会跟图片打交道。在各大电商平台工作的前端工程师们，感受可能会更加的明显。 以下是我之前跟图片打交道踩到的坑，跟大家分享一下经验。 很明显，数据的类型已经被改动了。思考原因，唯一有可能改变数据类型的地方是在 axios 。 因此，乱码出现的原…

就这样，浏览器就会将生成的Excel文件自动下载到本地，下面是实际效果。 使用过WebGL的同学应该知道，这是浏览器与显卡之间的通信接口，为了满足JavaScript与显卡之间大量且实时的数据交换，它们之间的通信数据必须是二进制，而不能是传统的文本格式。如果以文本格式传递一个3…

很多人都知道要减少浏览器的重排和重绘，但对其中的具体原理以及如何具体操作并不是很了解，当突然提起这个话题的时候，还是会一脸懵逼。希望大家可以耐着性子阅读本文，仔细琢磨，彻底掌握这个知识点！ 第四步和第五步是最耗时的部分，这两步合起来，就是我们通常所说的渲染。 网页生成的时候，至…

对于较长的列表，比如1000个数组的数据结构，如果想要同时渲染这1000个数据，生成相应的1000个原生dom，我们知道原生的dom元素是很复杂的，如果长列表通过生成如此多的dom元素来实现，很可能使网页失去响应。 首先我们尝试在React项目中，未做任何优化一次性渲染1000…

看到这个是不是有一种想打人的感觉，垃圾 JavaScript，这特么都什么鬼，相信很多人不管是笔试还是面试，都被 JS 的类型转换难道过，相信认真看完我这篇文章，妈妈再也不用担心类型转换的问题了。 字符串转数字：以数字表示的字符串可以直接会转为字符串，如果字符串头尾有空格会忽略…

平时在前端开发中，好像也没啥用到递归的地方。不过这并不代表递归不重要，如果你看过一些框架的源码，就会经常见到它的影子：比如渲染虚拟DOM的render函数，webpack中require依赖分析，Koa2洋葱式的中间件模型，其实都运用到了递归算法。 代码在运行过程中，会有一个叫…