最近在捯饬一个前端性能上报分析的项目，前端由 react 全家桶，打包部署公司有专门的发布系统，这块就没什么顾虑。 前端团队的后端没有什么规范或通用流程，就想自己先技术选型从0到1，决定使用 egg + mongodb，后续也许会追加 nginx + redis + Kafka…

前言 1. 早期异步代码困境 众所周知，js是单线程的，耗时操作都是交给浏览器来处理，等时间到了从队列中取出执行，设计到事件循环的概念，笔者也分享过，可以看以下，理解了可以更好的理解promise。

背景：最近把装饰器用在了vue2.6中，发现代码量和复杂度减少了很多，我们先来看一下什么是装饰器，引用了其他人总结的一句话。 先从一个简单需求说起，比如要知道一个方法是否正在执行中、是否执行成功和是否执行异常，正常会如下这个。 接下来开始输出一些对代码有意义的了，继续往下看。 …

我写这篇文章已经开始过很多次了，但是从来没有发布过。我没有办法找到一个合适的方式来表达我对`Prettier`的立场。但是这一次，我想我应该尽力地解释一下，为以后做准备做参考。

Named exports and Default exports, 我们需要 default export 么？

碰到一个奇怪的bug，element-ui table固定列，在切换路由后会错位， 为啥会出现错位？不管三七二十一，先审查下元素，看下是哪个元素错位了， 高度高出这么多，估计是被子元素给撑到这么高了，

每次用触摸板横向滚动时总是会触发**浏览器的回退**, 体验极差, 而滚动条是模拟的, 而非浏览器的滚动条, 只会进行一个位置的同步, 不涉及浏览器的滚动事件...

6000+代码 太不可思议了，我难以理解这样的代码是怎么维护的。新功能怎么添加，出问题了怎么查，面对一大片的 状态怎么办。 一个文件数百行甚至上千行代码，都是如何来的？

前端常见的搜索、分页、选项卡等切换场景中，由于网络不确定性，先发出的请求不一定先响应，这会造成竞态问题。本文提供「取消」或「忽略」两种对过期请求竞态问题处理的方案。