今天在和小伙伴聊天时, 发现对于 ES6 中的 Class 继承的理解我其实还是只是一个模棱两可的状态, 其实也不只是 constructor 有问题其它的部分其实也有问题, 这次先写类的继承之后再看有没有其它没理解的地方

整篇文章搭配食用 阮一峰老师的 ECMAScript 6 入门 - Class的继承 更佳

Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。

今天在读一个开源框架的时候看到了一行

export { installer as VueAxios, service as axios };

然后我就 ? ? ?，以前一直都不知道这个 as，然后就赶紧百度，结果没有一个匹配的结果。

然后就只能从阮一峰老师的ES6入门里边找…

在这次的项目中，遇到了后端配置了允许跨域，但是我这边请求的时候还是提示跨域，后端折腾了会，我说算了，我这边本地做一下代里还快一点，你继续整接口吧。

所以就用到了 webpack-dev-server 的 proxy，但是有一些部分我并没有整明白，所以写一篇文章梳理一下。

最简单的就是直接在 webpack 的配置文件中启用 proxy 就可以了，

今天在写一个模拟微信的聊天组件的时候，需要获取消息列表的滚动条高度，来实现每次发送接受消息数据时，自动滚动到列表末尾。
当然就想到了用 Computed 属性来计算容器的 scrollHeight。
然后就发现一开始滚动条会定位到列表最后，但是测着测着就发现怎么超出了一定高度范围之后就不会滚动到列表末尾了，而是固定在了一个值。

这段时间总是看到有人提到 arguments 隐式参数, 并且在 方方老师 的面试经中也提到了这个词，但是好像很多人不知道怎么一回事。
确实在 ES6 普及之后，有了 ... 展开运算符之后就很少有用到 arguments 了，并且我在写这篇文章之前还总是拼错单词，因为我喜欢自己定义 parameter 形参…

一直以来没有整理查阅过数组的原生方法，所以对什么时候用 map, 什么时候用 forEach 并不是很明确，完全看心情。
只是知道 map有返回值而 forEach 没有需要自己操作，所以今天准备好好梳理一下记录下来。

这段时间刚刚复工，年前的我负责的一个年会大屏系统公司准备重新整理制作成为商城可售卖版本，然后又来了一个公司服务器租赁的 WebAPP 的项目，
我春节期间的外包项目也没有做完。那么给我自身 CodeReview 的时间就不够了，所以需要一个 ESLint 的通配规则来减少我编写的时候小失误，
虽然有自己的代码书写习惯，但是并没有强制要求自己，一直以来自己的 ESLint 配置仅具有错误预防功能，并没有使用一个通用的格式化风格，一直考虑的是使用 Airbnb config。

趁着 CLI 在创建项目下载依赖的时间，我想选择一个规则作为我自己的以后的编码风格，
根据 CLI 给出的提示，默认可以配置的有三种：

• ESLint + Airbnb config_detail
• ESLint + Standard config _detail
• ESLint + Prettier _detail

今天想起自己一直依赖没有更新全局依赖，就直接在 bash 里边输入 ncu -g 居然提示 No dependencies.
我就纳闷了，打错命令了吗，为啥提示没有依赖？
项目内依赖检查更新是没问题的，但是检测全局依赖就显示没有依赖，换了几个终端还是这个问题。
我怀疑是我全局以来的路径设置错了(我是使用 npm 来安装全局依赖，yarn 安装项目依赖)
查看了 npm 的全局依赖路径发现没错啊。

之前在看一个文章的时候有提到过，background 的这两个属性，确实不常用到，以至于没有几个人知道这两个新属性。
和他们同时期出的 background-size 因为经常用到所以被大众所熟知。

对的，这次我要说的是background-origin 和 background-clip 两兄弟

今天有一个小伙伴在群里问，怎么让鼠标经过的移出效果和移入效果相反。

比如说
移入的时候先让元素增加宽度，接着增加高度，最后显示内部元素，
鼠标移出的时候，先收缩高度隐藏元素，最后还原宽度。

看了一些回复有些答非所问，或者推荐用 Js 的。
最开始想的是，animation 是不是有一个 direction 属性可以设置反向么，
就想看 transition 是不是也有，但是并没有。CSS transition - MDN
所以就想着用 :hover 来覆盖原先的 transition