前端团队有评审代码的要求，但由于每个开发人员的水平不同，技术关注点不同，所以对代码评审的关注点不同，为了保证代码质量，团队代码风格统一，特此拟定一份《前端团队代码评审 CheckList 清单》，这样代码评审人员在评审代码时，可以参照这份清单，对代码进行评审。从而辅助整个团队提…

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

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…

异步操作队列化，按照期望的顺序执行。 说白了就是一个异步执行的状态机，异步执行的承诺。 函数内部有 yield 表达式。 任何一个await语句后面的 Promise 对象变为reject状态，那么整个async函数都会中断执行。 async函数返回的 Promise 对象，必…

这个问题来自于在对koa源码的解析之中被再次提起。 程序中需要从context,request,response模板中复制三个对象，并将其互相挂载起来。这里面用到了Object.create方法。 看似问题解决了 但是如果我们如果使用了getter和setter方法的话,而且里…

应该是一个漂亮的程序媛小姐姐。 大家👏👏👏👏👏👏👏 的消息；从本意上讲，它是承诺，承诺它过一段时间会你一个结果。promise有三种状态:pending (等待态)，fulfilled(成功态), rejected(失败态)；状态一旦改变，就一会再变。创建prom…

最近在做一个基于mobile app的漫画的项目，面向印尼市场。 上线后，基本测试没有问题，打开也挺顺畅。但是google analytics却反馈加载平均19s！ OMG～～于是开展了一系列的探索。。 首先说说技术栈，用的是create-react-app,redux,rea…

还记得在我上一家公司中，某一大佬做了一个监控系统，牛逼哄哄，挺想研究他到底是怎么搞出来的。当然我们也不是拍拍脑袋干活的人，总不能人家咋干我们就咋干。下面先就介绍下，这样的平台到底有啥好处。 首先我们为什么要做前端系统呢，先看下面这张表，可以很显然的看出，前端的性能对于产品的价值…