背景：

1. 对构建的改造已经完成，目前构建的能力可以较为灵活地支撑进一步的优化

2. 希望进一步减少首屏时间，将首屏时间控制在 2 秒以内

页面情况：

优化之前，并没有上报首屏时间，页面加载时间约为 2.4 秒。

研究认为，用户最满意的网页打开时间是 2 秒以内。作为一个相对简单的页面，我们就应该最可能将首屏时间甚至加载时间控制在 2 秒以内，让用户体验到最佳的页面体验。

背景：

1. 接手新项目，发现项目最基本的文件压缩没有，离线包有多余文件，md5 也并没有做好，

2. 构建是用 coffeescript 写的，维护成本及交接成本大，关键的是，构建维护的人离职了

3. 作为新人，希望从头写一个构建，这样为以后独立开展项目获取经验

页面情况：

示例连接，需要 QQ 登录态，可到腾讯网门户进行登录:

http://web.qun.qq.com/statistics/index.html?_bid=149&_wv=3&gc=60478266

原文地址

继 Facebook 提出 Flux 架构来管理 React 数据流后，相关架构开始百花齐放，本文简单分析 React 中管理数据流的方式，以及对 Redux  进行较为仔细的介绍。

        作为一只网瘾少女，各种酷炫的网页效果已经不能再引起我的注意了，直到有一天我看到了这个 http://matthew.wagerfield.com/parallax/ ，瞬间晕船了。嗯，我喜欢这种微醺的感觉。这时我的脑洞突然开了一下，想起了前段时间票圈疯转的各种 360° 全景摄影。当手机绕着你 360° 转动的时候，就好像置身照片中的场景一样，那这个框架应该可以做成这样的效果～（虽然后来知道这个效果并不是用 parallax.js 做的）。于是开启了我用 parallax.js 来变身炫酷少女之路。

Parallax.js 到底干嘛的

这一片文章技术上基本上都是后台相关的，不过比较浅~可以当做知识扩展来看~

做项目的时候遇到 RPC 通信，就研 zhe 究 teng 了一些相关的玩意，这是背景

注意标题：本文 C 的代码需要在 window 下执行

首先我们得知道什么是 IPC 通信

为什么先讲数组

数据结构可以简单的被分为线性结构和非线性结构。

线性结构大致包括：

1. 数组（连续存储）；
2. 链表（离散存储）；
3. 栈（线性结构常见应用，由链表或数组增删和改进功能实现）；
4. 队列（线性结构常见应用，由链表或数组增删和改进功能实现）；

非线性结构大致包括：

1. 树；
2. 图；

其中，数组是应用最广泛的数据存储结构。它被植入到大部分编程语言中。由于数组十分容易懂，所以它被用来作为介绍数据结构的起点非常合适。

前言

最近尝试去写一个富文本编辑器，觉得应该也不难，但没想到还是花了不少时间去写前期的主要逻辑，其间太多的边角逻辑是没有考虑到的。原因是前期走了很多弯路，单纯的一点一点的去实现功能，有分支功能出现就一点一点的修补，到最后发现代码量很多，逻辑很复杂。最后痛下决心，静下心来分析了一下，思考用理论逻辑去铺垫根基，才算是构建了一个还算满意的基础逻辑。真心觉得，理论才是一切事情的开始点，缜密的理论逻辑才能建造基乎无 bug 的代码。

使用 window.performance 提供了一组精确的数据，经过简单的计算就能得出一些网页性能数据。

配合上报一些客户端浏览器的设备类型等数据，就可以实现简单的统计啦！

额，先看下兼容性如何：http://caniuse.com/#feat=nav-timing

这篇文章中 Demo 的运行环境为最新的 Chrome 的控制台，如果你用的是其他浏览器，自查兼容性哈~

什么是依赖注入呢，我的理解，简单点就是说我的东西我自己并不像来拿着，我想要我依赖的那个人来帮我拿着，当我需要的时候，他给我就行了。当然这只是简单的理解，还是用代码解释比较清楚一些。

这里有一个 function，很简单。

在 Web 中使用 ES 2015

想要在浏览器端使用 ES 2015 最新语法，其实很简单，只需要一个转换器即可，Babel 是 ES 2015 最流行的转换器之一，Babel 加上各种插件和 polyfill 能基本上支持绝大部分新语法。

在你的构建中，插入一步使用 Babel 将 ES 2015 的代码转换成完全兼容 ES5 的代码的任务，你甚至都不必了解 Babel 的具体用法，就可以爽爽的开始写 ES 2015 代码了。

使用 gulp-babel 在需要的地方转换一下即可。