引言 稍微了解HTTP协议的前端同学，想必对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。 常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。 各个取值所代表的含义，网上总结挺多的，这里就不打算再进行逐一介绍，感兴趣...

Change Detection (变化检测) 是 Angular 2 中最重要的一个特性。当组件中的数据发生变化的时候，Angular 2 能检测到数据变化并自动刷新视图反映出相应的变化。

上篇文章《网站性能优化——CRP》已经介绍过网站性能优化中的关键渲染路径部分，相当于从一个“宏观”的角度去优化性能，当然，这个角度也是最重要的优化。本篇就从一个“微观”的层面去优化——浏览器渲染。

把 this.$store.dispatch('getUserInfo')封装成promise返回，通过下面这样： {代码...}

这是因为Angular在同一个页面内跳转时，不会重新创建组件的实例。如楼上所说，可以通过监听ActiveRoute的params事件进行跳转。

不需要取消。。。

你的DashboardComponent没有导出任何东西啊 {代码...}

每当函数被调用时，JavaScript 引擎就会在函数顶部启动，并运行每行代码，直到到达底部。无法中途停止运行代码，并稍后重新开始。一直都是这种“运行到结束”的工作方式.

ECMAScript 2015的几个补充，并不是新的内置或语法，而是协议。这些协议可以被任何遵循某些约定的对象来实现。有两个协议：可迭代协议和迭代器协议。

ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属...

上面代码检查函数log的参数y有没有赋值，如果没有，则指定默认值为World。这种写法的缺点在于，如果参数y赋的值对应的布尔值为false，则该赋值不起作用。

数组的扩展 展开运算符 展开运算符（用三个连续的点 ( ... ) 表示）是 ES6 中的新概念，使你能够将字面量对象展开为多个元素。 合并数组 展开运算符的一个用途是结合数组。 如果你需要结合多个数组，在有展开运算符之前，必须使用 Array 的 concat() 方法。 {代码......

二进制和八进制 ES6 提供了二进制和八进制数值的新的写法，分别用前缀0b（或0B）和0o（或0O）表示。 二进制声明： 二进制的英文单词是Binary,二进制的开始是0（零），然后第二个位置是b（注意这里大小写都可以实现），然后跟上二进制的值就可以了。 {代码...} 八进制...

对象字面量简写法 你可能写过这样的代码：使用和所分配的变量名称相同的名称初始化对象。 {代码...} 看到重复的地方了吗？type: type、color: color 和 carat:carat 不显得很冗长吗？ 好消息是，如果属性名称和所分配的变量名称一样，那么就可以从对象属性中删掉这些...

原始操作 我们先看看下面的两个代码段，它们使用 ES6 之前的技巧提取数据： {代码...} 上述示例显示了从数组中提取值的过程。 {代码...} 该示例显示了从对象中提取值的过程。 二者都很简单，但是这两个示例都没用到解构。 那么解构到底是什么？ 解构 ES6 允许按照一...

注意: 作为字符串连接运算符 ( + ) 的替代方法，你可以使用字符串的 concat() 方法。但是这两种方式都比较笨拙，无法模拟真正的字符串插值。

以往，在 JavaScript 中声明变量的唯一方式是使用关键字 var。为了理解为何添加了 let 和 const，我们先看一个示例，了解使用 var 会带来怎样的麻烦。

模块化是一种处理复杂系统分解成为更好的可管理模块的方式，它可以把系统代码划分为一系列职责单一，高度解耦且可替换的模块，系统中某一部分的变化将如何影响其它部分就会变得显而易见，系统的可维护性更加简单易得。

默认情况下，Angular应用程序在首次加载根组件时，会在浏览器的显示一个loading... 我们可以轻松地将loading修改成我们自己定义的动画。

现在很多web网站都采用了SPA单页应用，单页面有很多优点：用户体验好、应用响应快、对服务器压力小 等等。同时也有一些缺点：首次加载资源太多，不利于SEO，前进、后退、地址栏需要手动管理。今天我们实现Angular单页面应用中路由变化设置页面标题，来优化用户的用户...