react、vue 将一个应用划分成不同的组件，一个组件的状态可能会影响另一个组件，随着项目日渐复杂，组件间通信就是一个令人头疼的问题...

vue 的响应式原理主要基于：数据劫持、依赖收集和异步更新，通过对象劫持来做 依赖的收集 和 数据变化的侦测，通过维持一个队列来异步更新视图。

在面试或者浏览技术网站时，经常会遇到这样一个问题：ES6 和 ES5 的继承机制有哪些不同 ? 本文章带你深入了解 ES6 和 ES5 继承的原理。

假设有以下一段代码，render 方法的参数 c 是经常变化的，而 a、b 则变化不频繁。分析这段代码可以得出一个结论：每次 render 函数被调用都会触发 calc 函数的调用，如果 a、b 参数没有发生改变，那么就会增加没有必要的计算。

以前我们谈性能优化，关键指标是页面 PLC(加载时间) ，简单的定义就是：浏览器中的加载旋转图标停止时间。 而当前，我们构建的不再是一个网页而是一个动态、交互的应用。现在我们来看看网络性能在其优化历程中是如何一步步的提高的。 先聊一聊 "样式在上，脚本在下" 的最佳实践 为什么 "样式在上，脚本在下" 是最佳实践...

单页面应用的概念已经被提出很长时间了，无论是基于 vue, angular 还是 react，相信大家或是耳濡目染，或是设身处地都有所体会。说到底，当自己独自开发从搭建开发环境，到前端的每一个组件，到动作交互，再到和后端的数据交互，难免遇到不少问题。在这个过程中，值得记录每一个需要学习、分享的知识点。

这里有一篇文章描述的已经非常详尽，阐述了 JWT 验证相比较传统的持久化 session 验证的优势，以及基于 angular 和 express 验证的简单流程。

在上篇文章我们已经搭建好了基础的开发环境，接下来会介绍如何引入 DVA 和 ANTD ，以及在引入过程中需要注意的问题。这里只会详细的书写部分组件，其他的组件都是大同小异。你可以在 github仓库 中找到这些组件。

工欲善其事，必先利其器。单页面应用的开发和生产环境涉及文件的编译、压缩、打包、合并等，目前前端最流行的莫过于 webpack 。为了深入了解 webpack 以及其相关插件，我们决定不采用脚手架，自己来搭建基于 webpack 的开发和生产环境。