xwchris7

性能优化需要从哪几个方面入手？我们要先了解浏览器打开网页的过程。 下面我们分别对这几个阶段进行优化。 DNS全称Domain Name System。它是互联网的“通讯录”，它记录域名与实际ip地址的关系，域名是为了方面人类记忆。每次我们方位一个网站，都要通过各级的DNS服务器…

redux作为一个如此受欢迎的状态管理框架，当看到他的源码缩减起来只有区区几十行时，真的是惊呆了我和我的狗子🐶（然而我并没有狗），对Dan Abramov大神的佩服更上一层。 下面进入正题，我们在实现一个redux的过程中理解redux的思想。为了简便，这里我们忽略错误处理（…

Promise是什么，相信不用说了，写过js的人或多或少都接触过。刚开始用Promise的时候，总感觉这种写法非常的怪异，但是当慢慢熟悉的时候，发现一切都是那么和谐。 我自己理解的Promise用来解决异步回调嵌套的问题，它代表了异步操作的一种结果。它是一种状态机，从实现上来说…

下面让我们来实现一个简单的路由系统。该路由系统将基于React进行书写。在写之前，我们先仔细想下，我们应该从哪方面入手。这是最终实现的效果simple-react-router-demo 不论是前端还是后端路由，我们都可以通过一种路由匹配加匹配后回调的方式来实现。如果没有理解也…

在react中组件大体分为两种，一种是一个纯函数，没有生命周期的。另一个通过继承自React.Component的类来实现。 我们先来写一个Component类。 我们完成了一个Component类，同时该类的实例有一个setState函数，用来更新该组件。updateComp…

暂时可以先把这个当做React中虚拟节点的概念，后面会有一些变化，这里先看做是虚拟节点。上节也提到过babel-plugin-transform-react-jsx 会帮助我帮将JSX转换成以下形式： 函数createElement的第一个参数字符串标签名（此处先忽略组件的情况…

在React的实现中，有几种写法需要了解。 我们这里使用直接赋值的方法，而不是使用setAttribute来给dom添加Attribute，是为了保证只有有效的Attribute才能被赋值。这里涉及到attribute和property的区别。 这里的name是property…

实际上__proto__是真正查找时所用的对象，而prototype是当你用new关键在来构建对象时被用来建造__proto__的，Object.getPrototypeof(dog) === dog.__proto__ === Dog.prototype。 函数__possi…

我们都知道在JS中，函数是“一等公民”，“类”的概念是在ES6中提出的，它好像跟我们自己写的函数构造器一样，但又有好像有些不一样的地方，那么它到底是如何实现的那？为了达到这个目的，我们利用babel来看下它编译后的代码。 东西还挺多，一眼并看不出来什么东西来，我们接下来一点点分…