package.json 是前端每个项目都有的 json 文件，里面有许许多多的配置，与项目息息相关，了解它们有助于了解项目，提效开发，规范代码。

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

场景： 获取到一个file类型的图片，如果直接在html中预览？这里就是利用html5的新特性，将图片转换为Base64的形式显示出来。有两种方法： 当选择图片后，生成的img src类似"blob:null/4304d4f3-c13b-43e8-83f6-8c80426520…

没错，你没有看错，是前端多线程，而不是Node。这一次的探索起源于最近开发中，有遇到视频流相关的开发需求发现了一个特殊的状态码，他的名字叫做 206~ 为了防止本文的枯燥，先上效果图镇文。(以一张3.7M 大小的图片为例)。 看到这里是不是有点心动，那么请你继续听我道来，那我们…

Cross-origin Resource Sharing 中文名称 “跨域资源共享” 简称 “CORS”，它突破了一个请求在浏览器发出只能在同源的情况下向服务器获取数据的限制。 本文会先从一个示例开始，分析是浏览器还是服务器的限制，之后讲解什么时候会产生预检请求，在整个过程中…

如果暂时看不出来的话，一起来读读这篇文章吧。 文章的前半部分会先介绍一些理论知识，然后再举一个定位内存泄漏的例子，感兴趣的朋友可以直接先看看 这个例子。 新生代（New Space/Young Generation）：用来临时存储新对象，空间被等分为两份，整体较小，采用 Sca…

最近在整理js中异步编程方法时，回顾了一下promise，又发现了一些遗漏的重要知识点，比如promise.resolve()传递不同参数的含义？比如当一个promise依赖另一个promise时事件执行顺序？比如当catch捕获到了错误后，会不会继续执行后面的then方法？下…

最近又重温了ES6的文档，发现除了箭头函数，解构赋值，扩展运算符这样常用的语法外，还有很多很给力的方法，不仅使代码更简洁，还可以提高代码的健壮性，更令我意外的是，浏览器兼容大部分的方法，无需babel也可完美运行。所以觉得很有必要整理一下，在项目中，抛弃陈旧的老古董写法，升级为…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…