平安金融壹账通H5技术周报(第十五期)

本期导读：最近天气有些热，前端圈也烧出了一片战火，本期周报不蹭热点，而是推送分享一波技术干货。

框架之争是一个永恒的话题

技术文章

@严晓娥 讲述 如何从零搭建一个react + react-router + webpack框架

学习搭建react +webpack工程时，看了很多资料，学习点真的很多，几乎每一项都可以单独写一个篇幅，该文章只在怎么搭建出开发框架，很多东西没有深入，只做了一些简单的介绍，但基本会把官方文档列出来，想要深入了解的可以先自己把工程跑起来，然后认真看官方文档。

@张艳 探讨 ES6中的CLASS继承

JS是一种基于对象的语言，要实现面向对象，写法跟传统的面向对象有很大的差异。ES6引入了Class语法糖，使得JS的继承更像面向对象语言的写法。

@昱宏 带来 WebVR系列——深度剖析

最近WebVR API 1.2已经提出来，在我看来，WebVR走向大众浏览器是早晚的事情了，今天本人将对WebVR开发环境和开发流程进行深入介绍。

精选文章

@学会微笑 翻译的坦然面对：应对前端疲劳

摘要：我希望其中的一些点有助于减轻你可能感到的一些挫折。你能做的最糟糕的事就是到达边缘，完全被烧尽，因为一旦你这样，很难恢复你对你所做的事情的热情，以及你这么做的初衷。

@Harttle CSS Animation 与 Web Animation API 之争

摘要：JavaScript 提供了 Web Animations API 原生动画 API ，在本篇文章中称它为 WAAPI。本文我们将对比 WAAPI 和 与之对应的 CSS 动画。

@阮一峰 最近在研究AI 神经网络入门

摘要：人工智能的底层模型是"神经网络"（neural network）。许多复杂的应用（比如模式识别、自动控制）和高级模型（比如深度学习）都基于它。学习人工智能，一定是从它开始。

前端动效

本期是展示的是使用canvas开发的人机五子棋游戏@昱宏

五子棋游戏

• demo：https://yonechen.github.io/gobang/dist/index.html
• 源码：https://github.com/YoneChen/gobang

前端图记

webpack是如何处理打包文件的呢，下面展出webpack整体流程图，图片来源 ---@七珏 细说 webpack 之流程篇

webpack工作原理