今日完成的事

      学习es6

明日计划的事

     学习es6,小程序

收获

     es6中的Decorator，

Decorator是ES7中的提案，概念借鉴于python， 它作用于一个目标类为其添加属性于方法

我们用一个比喻来理解Decorator, 把孙悟空看成是一个类，那么棒子就是装饰器为其装备的武器

Decorator 不仅能修饰类，也能修饰类的方法

Decorator 只能修饰类及类的方法,不能修饰于函数,因为存在函数提升

Mixin

在修饰器基础上，我们可以实现mixin(混入),意思在一个对象中混入另一个对象的方法

使用Decorator的好处

扩展功能，相对于继承增加了更多的灵活性

代码可读性更高，装饰器正确命名相当于注释

前端优化手段有哪些？

静态资源合并压缩(js,css, images)

请求数量优化

Gzip压缩

带宽优化

CDN

就近节点，减少DNS查找

按需加载

lazyload

减少请求

骨架屏

优化白屏

web缓存

缓存ajax数据

减少重绘和重排

批量更新ＤＯＭ样式

页面结构

将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出

找资料的时候发现张很有意思的图，深刻理解http状态码的意思

http状态码分为5个大类

1** 信息相关

2** 请求成功

3** 重定向相关

4** 客户端错误相关，或无法完成请求

5** 服务端错误相关

301—永久移动。被请求的资源已被永久移动位置；

302—请求的资源现在临时从不同的 URI 响应请求；

305—使用代理。被请求的资源必须通过指定的代理才能被访问；

307—临时跳转。被请求的资源在临时从不同的URL响应请求；

400—错误请求；

402—需要付款。该状态码是为了将来可能的需求而预留的，用于一些数字货币或者是微支付；

403—禁止访问。服务器已经理解请求，但是拒绝执行它；

404—找不到对象。请求失败，资源不存在；

406—不可接受的。请求的资源的内容特性无法满足请求头中的条件，因而无法生成响应实体；

408—请求超时；

409—冲突。由于和被请求的资源的当前状态之间存在冲突，请求无法完成；

410—遗失的。被请求的资源在服务器上已经不再可用，而且没有任何已知的转发地址；

413—响应实体太大。服务器拒绝处理当前请求，请求超过服务器所能处理和允许的最大值。

417—期望失败。在请求头 Expect 中指定的预期内容无法被服务器满足；

418—我是一个茶壶。超文本咖啡罐控制协议，但是并没有被实际的HTTP服务器实现；

420—方法失效。

422—不可处理的实体。请求格式正确，但是由于含有语义错误，无法响应；

500—服务器内部错误。服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理