befb5300c57811e9886c4d7fe7aec694

目前前端三杰 Angular、React、Vue 都推介单页面应用 SPA 开发模式，在路由切换时替换 DOM Tree 中最小修改的部分 DOM，来减少原先因为多页应用的页面跳转带来的巨量性能损耗。它们都有自己的典型路由解决方案，@angular/router、react-r…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…

string类型即字符串，除了单引号双引号，es6 中引入了新的反引号 ` ` 来包含字符串。反引号的扩展功能是可以用${…}将变量和表达式嵌入到字符串中。使用如下： number类型值包括整数、浮点数、NaN、Infinity等。其中NaN类型是js中唯一不等于自身的类型，当…

HTML压缩HTML代码压缩就是压缩在文本文件中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符等. CSS压缩CSS压缩包括无效代码删除与CSS语义合并以及空格，制表符，换行符。 gzip压缩HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大…

知道浏览器是怎样把网页呈现给你的这个过程之后，就能够帮助你去优化你的网页应用，从而提升速度和性能。 我马上就会阐述这个过程，但是首先，需要回顾一些基本概念。 一个网页浏览器从远程服务器上（或者本地文件）加载文件来显示给你看，允许你进行操作。 浏览器里有一个浏览器引擎。 不同的浏…

在es5时，只有两种变量声明，var 和function。在es6中新增了四种let和const，以及另外两种声明import和class。 我们先讲解let和const,后续会补充import和class 我们在代码块中声明了a，b。然后a is not defined.这是…

此外还要注意这里不一定就是正式进入规范的语法。 1. let 和 const 在我们开发的时候，可能认为应该默认使用 let 而不是 var，这种情况下，对于需要写保护的变量要使用 const。 然而另一种做法日益普及：默认使用 const，只有当确实需要改变变量的值的时候才使…

编译ES6文件到ES5文件：traceur --script test.es6.js --out test.es5.js ES6在很方面都对ES5有增强，下面将从不同方面对ES6在ES5上的加强进行介绍。 在ES5中，除了全局作用域外，限定所声明的变量的作用域是函数作用域。这使…

1. 搭建项目并打包 JS 文件 它将查找 ./src/index.js 作为默认入口点。 而且，它会在 ./dist/main.js 中输出模块包，目前代码量小，可以格式化看效果 拥有 2 个配置文件在 webpack 中是的常见模式。 webpack4 引入了 produc…