在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望，我们就需要对 webpack 配置进行优化。 如何知道具体该如何优化喃，最直观的方式是分析它的输出文件，…

相信大家都知道TypeScript的好处~ TypeScript编译工具可以运行在任何服务器和任何系统上，TypeScript增加了代码的可读性和可维护性，很值得我们学习！ 下边我将带大家一步步实现T

**这个系列到这里应该就是最后一节了，**前两章着重讲了promise，为什么着重讲promise呢？因为在用法上promise要比async await难一些，而且promise本身又不是一个语法糖。没有掌握的时候用起来就会有很多顾虑，async await却没有这种顾虑，用…

这篇文章写一下前后端分离下的登录解决方案，目前大多数都采用请求头携带 Token 的形式。 前端得到 401 状态码，重定向到登录页面。 使用 respone 拦截器，对 2xx 状态码以外的结果进行拦截。 如果状态码是401，则有可能是 Token 过期，跳转到登录页。 上面…

19世纪著名的印象派画家莫奈，喜欢对着同一处景物，分别画出对象在不同时间，不同光线下的色彩变化。 带着这个想法，我分别选用目前最火的Vue/React/Angular三大框架，去实现一个简单的Pagination分页组件。 页码太多时显示更多页码按钮，点击更多页码按钮跳转5页。…

前端还有许多插件可以实现连线，比如 jsplumb 中文教程 ；今天还是手动实现下类似于上面两种方案的连线，实现的场景微信小程序。 首先你会小程序，回想一下这几年一直都在叠加业务代码，不免有种后背发凉的感觉：“小程序不会啊！！！”，所以巴拉巴拉的看了下小程序官方文档，把能用到的…

本文的主题是 Glitch Art，故障艺术。 什么是故障艺术？我们熟知的抖音的 LOGO 正是故障艺术其中一种表现形式。它有一种魔幻的感觉，看起来具有闪烁、震动的效果，很吸引人眼球。 故障艺术它模拟了画面信号出现故障导致成像错误的感觉。青色色块与红色色块无法重合就是这种故障的…

由于全部笔记有接近4W的字数，因此分开为上、下两部分，第二部分内容计划于明后两天更新。 在ECMAScript6标准定稿之前，已经开始出现了一些实验性的转译器(Transpiler)，例如谷歌的Traceur，可以将代码从ECMAScript6转换成ECMAScript5。但它…