用集合中的某个元素来代表这个集合，该元素称为集合的代表元。 一个集合内的所有元素组织成以代表元为根的树形结构。 对于每一个元素 parent[x]指向x在树形结构上的父亲节点。如果x是根节点，则令parent[x] = x。 对于查找操作，假设需要确定x所在的的集合，也就是确...

本文译自: 这里 本文已同步到我的博客 引言 缓存利用得当的话，有很大益处，比如节省带宽，降低服务器压力等，但是很多网站没能够很好地利用缓存，造成一些相互依赖的资源出现不同步的情况。 关于缓存的处理方案主要可以分为以下两种： 方案一：资源内容保持不变+超...

本文译自: 这里 本文已同步到我的博客 引言 缓存利用得当的话，有很大益处，比如节省带宽，降低服务器压力等，但是很多网站没能够很好地利用缓存，造成一些相互依赖的资源出现不同步的情况。 关于缓存的处理方案主要可以分为以下两种： 方案一：资源内容保持不变+超...

16年6月初，在没有任何前端框架使用经验、js水平也较一般的情况下，被告知需要在几个工作日内搭建完成一个后台管理系统，没有页面设计稿、没有组件库，一切都是从零开始。当时面临两个选择，backbone和react。虽然我很希望能够拿react来练手，但是考虑到学习成本和项...

众所周知，redux 大部分的想法，都来自于 elm。在 elm 和 redux 中，整个应用就是一个纯函数。elm 通过在 reducer 中返回一些声明副作用的 task 来处理异步问题，而 redux 借鉴 koa 的插件机制，用中间件改造 dispatch ，从而诞生了一批通过构造满足特殊 pattern 条...

我最开始学习react的时候，看到过各种各样编写组件的方式，不同教程中提出的方法往往有很大不同。当时虽说react这个框架已经十分成熟，但是似乎还没有一种公认正确的使用方法。过去几年中，我们团队编写了很多react组件，我们对实现方法进行了不断的优化，直到满意。

首先说，code splitting指什么。我们打包时通常会生成一个大的bundle.js(或者index,看你如何命名)文件，这样所有的模块都会打包到这个bundle.js文件中，最终生成的文件往往比较大。code splitting就是指将文件分割为块(chunk)，webpack使我们可以定义一些分割点(spli...

webpack是当前最受欢迎的模块管理器（module bundler），对于使用React开发的项目来说堪称神器。当然，对于使用其他框架，比如Angular或者Backbone等的开发者来说，webpack也是种很好的工具。

上篇文章中简单介绍了webpack的最基本用法，且项目结构十分简单，只有一个html页面、一个css页面、两个js文件。本文将介绍如何使用webpack对具有较为规范的结构的项目进行构建。主要包括以下几个方面：

本文主要内容译自webpack入门，以一些小的demo对webpack做了简单介绍，每个步骤都很简单明了，适合对webpack完全不了解的新手阅读，以对webpack有个基本的了解。