​ 本文章转载自掘金，为我们揭示了项目中的部分打包优化方面的问题，自认为受益匪浅，故转自个人博客中留以自用，原文链接。

本文将探讨tree-shaking在当下(webpack@3, babel@6 以下)的现状，以及研究为什么tree-shaking依旧举步维艰的原因，最终总结当下能提高tree-shaking效果的一些手段。

​ webpack 作为一个现代的 JS 应用程序的静态打包工具(module bundler) 是没一个前端都绕不开的必啃项目。为了防止遗忘所以在学习的过程中我们做一些相应的笔记，以此来完善知识体系

​ 作为最常用的静态模块打包工具之一 webpack 困扰也哺育着成千上万的前端开发，我们都知道 input output，modules plugins loader，可是站在更高一层的角度看这些都有什么区别？什么作用？实现原理是 js 中的哪一种数据结构？恐怕很少有人去考量。所以今天我们试着一探究竟。

​ 本文转载自SegmentFault的whjin，原文地址：https://segmentfault.com/a/1190000015088834#articleHeader17。

​ 在使用过程中往往会面临一些稀奇古怪的需求。而此时实现是可以，但是也许会让代码的可维护性变得很差，同时复用性也大大降低。而在 Vue 官方文档中存在着这样一个 API：Vue.directive(directiveName, func)

​ HTTPS 可以保证我们的数据在传输过程中不被监听到，而按照之前的理解我们只是客户端通过公钥对数据进行了加密，随后由服务端通过私钥解密数据。但是这有一个很大的漏洞：服务端向客户端发送的数据如何防止被监听到？

​ 最近产品老哥给我派了个活儿：埋点。这可是个苦活儿而且还很重要容不得差池。

其中很重要的一个参数就是附带上相应组件开始渲染和渲染结束的时间，以此来作为统计表项的一部分。很简单嘛不就是在 created 整一个 new Date().getTime() 再在 mounted 里也写一个，把值存储在 随便一个 localStorage 或者 sessionStorage 里就行了呗~

​ 就这么干！

​ 不过好累呀！！！只此一项就已经让人筋疲力竭了好吗再加上其他的一些可变参数配置真的是要了我的命。

​ 这时候我们的希望之光 Vue.mixin() 就出场啦~

在我们的 API 实现的几篇博客中（apply、call、bind等）有些我们用到了执行上下文对象 Context。但这究竟是个什么玩意儿？好像平时也没有注意过，所以今天我们就从其生成过程到使用方式详细的说一下此物件的用法。

本文出自一朋友之手，算是他的工作总结。文尾会附上原文地址，以便某些图片链接失效时查看所用。

​ 复习期间偶然碰到了 SSR，在大致了解之后个人感觉就是 Webpack 学习流程中的一个子项目，压缩文件罢了。可是与此同时他还利于 SEO。SSR 跟搜索引擎优化有什么关系？

由于最近在看reactJS，其中的数据为单向传输，有点类似于阉割版的vue，所以特地总结一下免得面试的时候搞混了，同时试着找找二者的可借鉴之处