ES6的class只是ES5的构造函数的语法糖，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。

缘起，前段时间百度面试被问到了这个问题，特来做个总结

随着ajax的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是SPA——单页应用。单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。

前端性能优化

什么是plugin

plugin能帮助我们在webpack打包生成文件的某个时间段帮我们做一些事，类似于Vue中的生命周期函数。例如html-webpack-plugin能帮我们在打包结束生成html文件，并把打包生成的脚本文件插入html中。

什么是loader

loader其实是一种打包方案，loader可以将所有类型的文件转换为webpack能够处理的有效模块，然后你就可以利用webpack的打包能力，对它们进行处理。

webpack

一、Webpack初探

webpack is a module bundler

模块打包工具，能够识别任何模块引入的语法

npm npx

npm全称：node.js package manager，是一款node.js的包管理工具。
npx全称: node.js package execute，是一个node.js的包执行工具。

从输入url到页面加载发生了什么？

同源策略

同源要求

• 协议相同
• 域名相同
• 端口相同

1
2
3
4

http://www.example.com/dir2/other.html：同源
http://example.com/dir/other.html：不同源（域名不同）
http://v2.www.example.com/dir/other.html：不同源（域名不同）
http://www.example.com:81/dir/other.html：不同源（端口不同）

限制范围

• cookie、localstorage和 indexDB无法读取
• DOM 无法获得
• Ajax 请求不能发送