在做项目的过程中，可能会遇到接口返回大量数据需要展示的场景，这里的数据展示如果不做处理就直接展示的话，将数据全部加载到页面上的过程可能需要很长的时间，就容易导致白屏、卡顿的情况。针对这种情况，我们可以做的处理可以从以下几个方向思考。 1、分页查询这个解决方案是从改变设定的方向上解决问题，返回的数据少了自然就不会花大量的时候在渲染数据的步骤上。但如果有些场景就是需要一次性展示大量的数据，这种方...

浅析javascript单线程​ 众所周知，javascript在设计的最初就被设定为一门单线程的语言，但是在javascript的编写中，我们却可以一边设置定时器一边执行函数，这又是怎么实现的呢？ 为什么js是单线程​ 首先声明一下线程和进程的概念。 ​ 进程和线程都是操作系统的概念。进程是应用程序的执行实例，每一个进程都是由私有的虚拟地址空间、代码、数据和其它系统资源所组成；进程在运行过...

面试的时候，面试官问了我一个问题：为什么你们的项目需要用nginx部署呢？ 说实话，这个问题在此前我并没有认真思考过，只是看到网络上说部署项目大家都用nginx，就按着流程按部就班地做了。今天整理了一下nginx的特点，并且就此分析了为什么我们的项目组选用了nginx部署。 nginx的优势 高性能：Nginx采用事件驱动模型和异步非阻塞IO处理，能够处理大量并发连接，具有出色的性能表现。 ...

模块化的背景要了解什么是前端模块化，就要知道前端模块化出现的背景，当一个项目工程越来越大时，我们会需要在一个html中引入很多js文件，这就会出现一些问题，比如 请求过多。首先我们要依赖多个模块，那样就会发送多个请求，导致请求过多 依赖模糊。我们不知道js的具体依赖关系是什么，也就是说很容易因为不了解他们之间的依赖关系导致加载先后顺序出错。 难以维护。以上两种原因就导致了很难维护，很可能出...

这篇文章按照场景的不同分别讲述了几种文件上传的实现方式以及原理。分别包括： 通过form-data格式上传文件 通过base64格式上传图片 前端选择图片时需要预览，并且需要前端为文件名起一个唯一的标识符的场景 前端需要实时展示文件上传进度的场景 有多个文件需要批量上传并且均需展示进度条的场景 拖拽上传的实现 大文件分片上传以及断点重传功能。 通过form-data格式上传文件对于文件上...

在做单点登录功能的时候，在网络上搜索了很多文章，大部分都是站在后端如何处理session共享、有无状态登录的角度攥写的，并没有综合前端如何处理多个子系统之间传输token的角度来说明，故此整合了这样一篇笔记，从多个角度尽量全面地来说明单点登录的几种实方式。 引入众所周知，HTTP是无状态的协议，这意味着服务器无法确认用户的信息。于是乎，W3C就提出了：给每一个用户都发一个通行证，无论谁访问的...