会当凌绝顶，一览众山小

2018年2月25日，webpack大版本升级到4.x了。由此带来一大波包的升级。旧的项目能升级就升级，新项目该用的就可以用了，毕竟我们守着祖传的代码升不了值的。

三栏布局在前端开发中特别常见，即两边定宽，中间宽度自适应。最优的实现目前是双飞翼布局，兼容性和语义、以及加载性能都很好。

eslint的加入对我们写规范的js代码很有帮助，一些低级的错误可以直接报错。特别是在团队协作的时候，不能每个人都自己的风格，这样写出的代码是不能看的。

经常性的，我很喜欢观察一些精巧的动画，观察一些精美的图表。也知道很多效果是通过canvas实现的，也配合实现过一个小图表吗，而且一些数据可视化库如ECharts大部分都是通过canvas实现的。但一直以来并未完整的学习一下canvas，最近刚好需要研究一下数据可视化，决定对canvas进行系统的学习。

我们在通过vue-cli初始化一个webpack的vue项目时，在目录/build中会出现一个vue-loader.conf.js的配置文件，因为vue-loader的配置项比较多，最好的实践是单独将其提取出来，放在一个单独的配置文件中，然后在base配置的vue-loader中，作为一个options传入。

本身 HTTP 就是一个无状态的协议，但是有时候我们又有需要增加状态的需求，这个时候延伸出来了 Cookie，利用 Cookie 可以让传输的时候保持一些状态信息。

本文所要探讨的正是HTTP协议涉及到的一种重要性质：幂等性(Idempotence)。幂等性原本是数学上的一个概念，相当于公式f(x)=f(f(x))，在编程领域是指对于同一个系统，使用同样的条件，一次请求和重复的多次请求对系统资源的影响是一致。幂等性是分布式系统中的一个概念，具有这一性质的接口在设计要有这样一种考虑：调用接口发生异常并且重复尝试时，总是会造成系统

本文由浅入深观摩vue-router源码是如何通过hash与History interface两种方式实现前端路由，介绍了相关原理，并对比了两种方式的优缺点与注意事项。最后分析了如何实现可以直接从文件系统加载而不借助后端服务器的Vue单页应用。

网页可见区域宽或高、网页正文全文宽或高以及网页正文部分左或右

你可能已经听说过，WebAssembly 执行的更快。但是 WebAssembly 为什么执行的更快呢？要回答这个问题，我们还是要确定WebAssembly到底是什么。