本文就是简单介绍下 Async 语法编译后的代码。 以上这段代码主要是用来实现 generator 的自动执行以及返回 Promise。 var gen = fn.apply(this, arguments) 就相当于 var hw = helloWorldGenerator(…

之前很少接触前端项目的部署，这次为了更全面的学习就在本机上装了一个虚拟机上，在虚拟机上练习了如何把一个 react 写的 spa 项目部署到这个虚拟机的服务器上。由于 linux 也是刚接触不久，所以整个过程还是遇到了很多坑，这里记录下。 我有一个用 react 写的单页面应用…

JavaScript 中经常使用构造函数创建对象（通过 new 操作符调用一个函数），那在使用 new 调用一个函数的时候到底发生了什么？先看几个例子，再解释背后发生了什么。 这是常见的使用构造函数创建对象的过程，打印出来的是 {age: 111}。 打印出来的是 {type:…

当想写if...else语句时，使用三元操作符来代替。 简写： const answer = x > 10 ? 'is greater' : 'is lesser'; 也可以嵌套if语句： const big = x > 10 ? " greater 10" : x 当给一个变…

虽然是一个前端开发，但是每次开新项目的时候，都要花好大一部分精力在环境配置上。扔掉Nginx，扔掉SwitchHosts，一键式傻瓜方案，做纯粹的前端开发。

在React中，UI是用纯函数表示的，并且在构造DOM时，是以声明式（与此相对的，是命令式）的方式。而声明式的编程是函数式编程更广义的一部分。所以，先熟悉函数式的编程，很有必要。 数据在应用程序中，在不改变原生数据结构的前提下，在此基础上拷贝后进行编辑。 在此基础上，就会有浅拷…

Promise 是异步编程的一种解决方案，比传统的解决方案回调函数和事件更合理更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。本篇不注重讲解promise的用法，关于用法，可以看阮一峰老师的ECMAScript 6系列里面的…

如果你正在构建网站体验，并且希望保持快速，性能预算也许就非常重要。为了能够成功，需要接受性能预算并且学会在生活中运用它们。移动设备上的网络以及 CPU 限制会提出诸如”对我的用户来说真正重要的是什么？“这样的难题。 当我们同致力于提高性能的世界 500 强企业对话时，(了解到)…

所以这个分页组件一共是由 2 + 2 + 2 + 1 + 2 * 2 = 11 个 元素构成。记住这个数，给这个变量起名字叫baseCount，待会要着重用它。分析到这逻辑实际已经完成74%了，是不是惊呆了？但是不要着急，我们继续分析一下分页组件需要哪些参数： 参数我已经标注好…