我要7西瓜

@王福朋：大约在几个月之前，让我看完了《webkit 技术内幕》这本书的时候，突然有了一个想法。想把整个 web 前端开发所需要的知识都之中在一个视图中，形成一个完整的 web 前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做 web 前端需要的比这三大块要多得多。

最近都在开发 react-native 和 Vue 的项目，接触多了 ES6 代码，相较于之前的一脸懵逼，显示觉得 ES6 简直妙不可言，于是赶紧写写博客总结下知识点和经验。 这是第一篇，介绍了最简单的一些知识点和使用方式

这是一张介绍 2016-2017 技术学习趋势及选型的思维导图讲解，内容非常清晰易懂。强烈推荐

除了《九个 Console 命令，让 js 调试更简单》，推荐跟这文章类似的 console 运用哦 《Chrome 控制台 console 的用法》http://www.cnblogs.com/zhongxinWang/p/4121111.html

2.x 版本的 vue-router 相比之前的 0.7.x 版本，有很多破坏性改变

作者语：阅读本文之前，先看下面这个 webpack 的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过 Webpack，如果你对 webpack 感兴趣，本文中有一个贯穿始终的例子，如果你能把这个例子自己动手写一次，写完以后你会发现你已明明白白的走进了 Webpack 的大门。 文／zhangwang（简书作者）

本文首发在「前端外刊评论」。一个关注前端前沿技术，探寻业界深邃思想的自媒体。欢迎文末扫码关注公众号。 关于作者 周林，github，陆金所前端程序员，专注 Hybrid APP 性能优化和新技术探索。欢迎任何形式的提问和讨论。 前言 随着 Hybrid 应用的丰富，HTML5 …

Babel 是一个 JavaScript 转换编译器，它可以将 ES6（下一代 JavaScript 规范，添加了一些新的特性和语法）转换成 ES5(可以在浏览器中运行的代码)。这就意味你可以在一些暂时还不支持某些 ES6 特性的浏览器引擎中，使用 ES6 的这些特性 - 比如说，class 和箭头方法。