没有名气的小透明

通常情况下，HTML 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体…

在理解koa-bodyparser原理之前，首先需要了解部分HTTP相关的知识。 HTTP报文主要分为请求报文和响应报文，koa-bodyparser主要针对请求报文的处理。 而koa-bodyparser中的body指的就是请求报文中的报文主体部分。 HTTP底层采用TCP提…

Koa为了保持自身的简洁，并没有捆绑中间件。但是在实际的开发中，我们需要和形形色色的中间件打交道，本文将要分析的是经常用到的路由中间件 -- koa-router。 如果你对Koa的原理还不了解的话，可以先查看Koa原理解析。 koa-router的源码只有两个文件：route…

而Koa中则是自定义request和response对象，然后保持对res和req的引用，最后通过getter和setter方法实现扩展。 但是为了方便开发者调用这些属性和方法，Koa将response和request中的属性和方法代理到context上。 上述就是属性代理和方…

Unix参数风格：前面加-，不过后面跟的是单个字符，例如-abc解析为['a', 'b', 'c']。 GNU参数风格：前面加--，例如npm中的命令，npm --save-dev webpack。 BSD参数风格：前面不加修饰符。 npm中采用Unix参数风格表示简写，这就是…

在正式进入源码的探索时，最好了解node-cron的基本用法以及相关参数的含义。 onComplete: 定时任务执行完后的回调函数。 aliases: 月份以及一周的别名。 以上常量都是采用数组的格式，内容正好与数组下标一一对应。 下面以'20-50/4 * * * jan-…

相比较Multi-Columns Layout 和Flexible Box Layout，Grid Layuot更像是两者的结合，当然这里并不是说Grid Layout可以取代二者。 另外Grid Layout与当前非常火热的Flexible Box Layout有一个本质上的…

多栏布局的结构很简单，主要由multi-column container和column box组成。 当一个元素设置了column-width和column-count属性并且值不为auto，那么这个元素就是multi-column container。 multi-colum…

createServer是connect的入口方法，它返回一个处理请求的方法，内部再调用handle来处理这些注册的中间件，也就是中间件的处理流程。 connect并没有采用构造函数的方式，而将需要用到的属性方法拷贝到app对象上使用，而对于Koa2.x中则是采用ES6的cla…