filter是满足条件的留下，是对原数组的过滤；
map则是对原数组的加工，映射成一一映射的新数组
简单例子：
let arr = [1, 2, 3, 4]
let newArr = arr.map(function(item) { // 使用map方法
return item * 2;
});
console.log(newArr); // [2, 4, 6, 8]
let arr = [1, 2, 3, 4];
let newArr = arr.filter(function(item) { // 使用filter方法
if (item % 2 !== 0) {
return item;
}
});
console.log(newArr); // [1, 3];
let newArr = arr.filter( item => item % 2 !== 0) // 箭头函数不加{}自动return，加{}必须用return
console.log(newArr); // [1, 3];
calc（）是css的一个函数，可用于元素计算长度，比如div宽度想要减去一个固定宽度后并自适应，可以写为calc(100% - 60px) 注意“-”两边有空格 sass已经是常用的预编译语言，允许使用变量等规则，如果上边写到60px是一个变量，这个表达怎么写呢
vue本身不多介绍。直接说问题，因为vue的所有路由都是加载在一个app.js里的，如果项目巨大，那么首页加载会是灾难。所以我们就需要把某些路由用异步加载(懒加载)的方式进行加载.
vue，vuex，axio，cdn
第三方的插件，一时用着一时爽，一直用着，一直爽，但是打包之后，加载速度很慢，有时候首页加载需要四五秒，怎么办呢？除了路由按需加载之外，还有如下方法：
Ant Design Pro nginx配置 今天看了下Ant和nginx的配置 给大家分享下 下边的配置可以直接使用 修改为自己的域名和文件夹目录就可以
官网文档解释的很清楚，就是webpack可以不处理应用的某些依赖库，使用externals配置后，依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问。
webpack打包的体积越小，对于部署应用的网站来说，性能越好，加载速度越快。
在众多的webpack配置教程中，对externals这个配置选项，总是一带而过，把文档中提到的几种方式都复述一遍，但是对于开发者而言，根本没法完全理解。本文试图通过一整篇文章，详细的对externals这个参数进行讲解。
按照官方文档的解释，如果我们想引用一个库，但是又不想让webpack打包，并且又不影响我们在程序中以CMD、AMD或者window/global全局等方式进行使用，那就可以通过配置externals。这个功能主要是用在创建一个库的时候用的，但是也可以在我们项目开发中充分使用。
防止将某些 import 的包(package)打包到 bundle 中，而是在运行时(runtime)再去从外部获取这些扩展依赖(external dependencies)。