在 列表数据的展示优化 一文中，提到了对于列表形态的数据展示的按需渲染。这种方式是指根据容器元素的高度以及列表项元素的高度来显示长列表数据中的某一个部分，而不是去完整地渲染长列表，以提高无限滚动的性能。而按需显示方案的实现就是本文标题中说的虚拟列表。

Animated.spring() -- 产生一个基于 Rebound 和 Origami 实现的Spring动画。它会在 toValue 值更新的同时跟踪当前的速度状态，以确保动画连贯。

在浅说Flux开发中，简单介绍了Flux及其开发方式。Flux可以说是一个框架，其有本身的 Dispatcher 接口供开发者；也可以说是一种数据流单向控制的架构设计，围绕单向数据流的核心，其定义了一套行为规范，如下图：

我一般都喜欢去一些技术类博客社区或者 UGC 社区浏览文章，相信与我同类的你应该也有这爱好。为了方便自己的阅读，而不用一个一个打开目标网站的地址，就基于 Node+React 写了一个小爬虫: Tech-Read，用于抓取常去的 UGC 社区的文章摘要。目前的版本大概样子如下：

从上面的输出结果可知，typeof bar === "object" 并不能准确判断 bar 就是一个 Object。可以通过 Object.prototype.toString.call(bar) === "[object Object]" 来避免这种弊端：

在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。

React自发布以来吸引了越来越多的开发者，React开发和模块管理的主流工具webpack也被大家所熟知。那么webpack有哪些优势，可以成为最主流的React开发工具呢？

1. 尝试ES6 这里有三种简单地方式用于ES6编程： Web浏览器：使用Babel REPL,可以将ES6编译成ES5的平台，并且并不需要安装。 命令行：使用babel-node，可以执行ES6的Node.js版本（会在内部编译es5）。需要通过npm安装。 各种js引擎：根据ES6语法兼容表，找出被支持的ES6功能。 对于第一点和第二点，这有更多细节。 1.1 Ba...

gulp 是基于 Nodejs 的自动任务运行器，能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，gulp 借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得...

快速的页面加载对提升搜索引擎排名、网站转化率和整体的用户体验是非常重要的。网站页面的加载速度也是衡量网站性能的一个重要因素。 如果网站不是以最好的性能在运行，迟缓的加载会让你在低的排名和搜索流量上花费更大的代价。页面的加载速度会对用户的行为和转化率产生很大的影响。 那么？有哪些简单的方式可以优化加...

箭头函数使用=>语法来简化函数，在语句结构上和C#、Java 8 和 CoffeeScript类似，支持表达式和函数体。。=>`操作符左边为输入的参数，而右边则是进行的操作以及返回的值。

2014年1月，我写了一篇文章：The Current Generation of CSS3 Selectors，这篇文章的目的是介绍一些CSS3中新增的选择器。文中的选择器已经有了很多文档，并且也被大多数浏览器支持（包括IE9+）。

构造函数也是函数，用new创建对象时调用的函数，与普通函数的一个区别是，其首字母应该大写。但如果将构造函数当作普通函数调用（缺少new关键字），则应该注意this指向的问题。

数据类型 在JavaScript中，数据类型分为两类： 原始类型：保存一些简单数据，如true，5等。JavaScript共有5中原始类型： boolean：布尔，值为true或false number：数字，值为任何整型会浮点数值 string：字符串，值为由单引号或双引号括出的单个字符或连续字符（JavaScript不区分字符类型） null：空类型，其仅有一个值...

枚举 不要这么做： {代码...} 而是这样： {代码...} Enumerate可以接受第二个参数，例如： {代码...} 字典/集合 解析 你可能知道列表解析，但不知道字典/集合解析。字典/集合解析简单而且高效，例如： {代码...} 强制浮点数除法 如果我们除以一个整数，即使结果是一个浮点数，Python（2） 依旧会给我们一个整数。为了规...

JavaScript不仅门槛低，而且是一门有趣、功能强大和非常重要的语言。各行各业的人发现自己最混乱的选择是JavaSscript编程语言。由于有着各种各样的背景，所以不是每个人都对JavaScript及其基本原理有广泛的认识。通常来书，除非你去参加工作面试才会去思考为什么或者怎么做，否则JavaScript只是你工作的内容。

在JavaScript中，创建数组可以使用Array构造函数，或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然而，[] instanceof Array也返回true。也就是说，类数组对象的实现更复杂，例如strings对象、arguments对象，arguments对象不是Array的实例，但...

(ps:【译】如何实现CSS居中？–CSS居中常用方法) 使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注的，Chrome 4, Opera 10, Safari 3, Firefox 3, and Internet Explorer 9.均支持该属性。

CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。

Chrome 31+, IE8+, Firefox 31+, Safari 7+, Opera 27+, iOS Safari 7.1+ and Android Browser 4.1+等都支持该属性。

PHP是为Web开发设计的服务器脚本语言，但也是一种通用的编程语言。超过2.4亿个索引域使用PHP，包括很多重要的网站，例如Facebook、Digg和WordPress。和其它脚本语言相比，例如Python和Ruby，Web开发者有很多不错的理由皮偏爱PHP。 对于PHP开发者，在互联网上有很多可用的开发工具，但是找到一个合适的PHP开发工具是很难...

众所周知，CSS是非常棒的，它使网站看起来很漂亮，可以为网站添加动画，并让呈现和内容分离。去了解CSS的一切是非常难做到的，它只会变得更加困难,因为我们想让我们的代码跨浏览器兼容。 这里介绍了很多第三方工具，从简化工作流程到生成真正的CSS，这些工具都提供了我们需要的代码，并且比我们自己写出的代码运行的更快。

JavaScript是一种灵活多变的脚本语言，它在全世界被广泛的应用在Web页面和服务器应用中。你可以因为任何目的去使用它，但是你需要一些工具。幸运的是，为了完成独特的任务，无以计数的JavaScript工具已经被开发者发布。

（PS:原文写于2012年，本文参照原文作了适当修改，不当之处请指出） 现在Web朝着响应式的趋势发展，媒体查询在创建响应式网站中起到了主要作用。 没有媒体查询几乎不能实现响应式设计，利用媒体查询，我们可以针对特定的设备，如显示器、智能手机和平板，写CSS。 媒体查询是响应式设计的核心 在这篇文章中我将分享一些到...

一、PDO简介 PDO是PHP Data Object的简称，用于定义数据库访问的抽象层，统一各种数据库的访问接口。PDO有如下特性： {代码...} PDO支持的数据库： 但是，需要注意的是，PDO只是提供了一组数据库访问接口，利用PDO本身不能操作任何数据库。 二、PDO对象 利用PDO的构造函数连接特定的数据库，创建一个PDO对象。在利用PDO...

类型 基本类型：访问基本类型时，应该直接操作类型值 string number boolean null undefined {代码...} 复合类型：访问复合类型时，应该操作其引用 object array function {代码...} 对象 使用字面量语法创建对象 {代码...} 不要使用保留字，在IE8中不起作用，更多相关信息 {代码...} 使用易读的同义词代替保留字 {代码....

昨天，我写了一些关于Impress.js的东西，对于创建在线的自我展示，这是一个非常不错的JavaScript库。由于是线上发布，所有有部分人问我怎么正确的使用它。因为没有在实际的项目页面设置帮助文档。这一篇文章将帮助你开始创建一个简单的幻灯片，但是之后你一定要完成它，可以用它来做很多酷炫的效果，唯一限制你的就是你...

SVG是一种创建交互式动画非常棒的方式，独立的分辨率的矢量图形在任何大小的屏幕上看起来效果都很好。Snap.svg库使操作SVG变得更jQuery操作DOM一样简单。

Google的面试题在刁钻古怪方面相当出名，甚至已经有些被神化的味道。这里整理出15道Google面试题并一一给出了网络大牛的答案，其中不少都是流传很广的。

在Web开发者中，Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能，使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能，如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个有助于改进你的开发流程的技巧。