团队成员对 web 的性能优化的追求孜孜不倦，我们也有一些博文专门探讨这块领域。

【高性能前端 1】高性能 HTML

http://www.alloyteam.com/2012/10/high-performance-html/

【高性能前端 2】高性能 CSS

http://www.alloyteam.com/2012/10/high-performance-css/

React 诞生以来，我们团队就对其保持关注。下面是我们博客中有关 React 技术的一些探讨

React 初探

http://www.alloyteam.com/2015/04/react-explore/

React 虚拟 DOM 浅析

http://www.alloyteam.com/2015/10/react-virtual-analysis-of-the-dom/

背景

为什么是 React？

React 今年在国内特别火，一时间虚拟 DOM（Virtual DOM）等酷炫概念一下刷新了很多前端开发同学的三观，关于性能优劣的争论也在知乎上看到不少。不得不说 React 解决了一些前端项目开发的痛点，而我最近的一年多的工作重心，都在兴趣部落这样一个基于兴趣社交的 web 产品上，有很多感同身受的地方。兴趣部落这个产品从初期只有移动端的 2、3 个页面，发展到现在 50+移动页面，加上 PC 版的最近上线，中间经历了从 2-3 人的小项目到 10+人团队的大型前端项目的巨大转变。这个过程中除了人员相对业务的线性增加，代码量、维护成本也是以指数速度增长的，很快代码臃肿、难以维护与测试等问题就凸显出来。虽然内部经过一些轻量的重构优化，但开发模式还是与高度的迭代节奏很不匹配。这时候，React＋Webpack 的组件开发模式让我眼前一亮，暗下决心要让这样的先进开发模式推广到项目团队，好东西一定要让大家有所受益，而不仅仅是技术的尝鲜、摆设。

日常开发中，我们常用:before,:after 来实现一些效果，比如

       在 Web 开发中，需要将数据的变化实时反映到 UI 上，这时就需要对 DOM 进行操作，但是复杂或频繁的 DOM 操作通常是性能瓶颈产生的原因，为此，React 引入了虚拟 DOM（Virtual DOM）的机制。

1. 什么是虚拟 DOM？
2. 虚拟 DOM VS 直接操作原生 DOM？
3. 虚拟 DOM VS MVVM？
4. 对 React 虚拟 DOM 的误解？

AngularJS 是动感的 JS 框架，使用它可以使你的代码变得简单，特别是大型的 WebApp，因为你不在去手动的去更新你的 UI, 你只需要关心你的数据和你应用的状态即可。

译者说明

• 本文翻译自 Prefetching, preloading, prebrowsing，为了阅读通畅，部分技术术语就不做蹩脚的翻译了。
• 原文中有很多扩展文章的链接，都是对所在章节的详细说明，个个都值得一读。

在前端开发的今天，如果没用过 Grunt 或 Gulp 你还真就不好意思和人打招呼的（今天先说 Grunt）。因为前端开发变得越来越复杂，前端工程化也越来越重要。当然，相信读者都能快速通过 Grunt 完成自己的前端工作流（workflow），下面是一个常见的 Gruntfile.js, 它也的确能很好地工作。

UA 的秘密

userAgent, 这种大众脸, 大家一定不陌生，平时似乎没什么用.
但是当我们需要去了解外网用户时，就会发现，非常有意义。
如果一个用户向你投诉，这个时候。
需要第一时间拿到用户环境去分析问题，于是 ua 就能派上用场了

文章背景：在朋友手机上看到一个有趣的魔性游戏（不知道的无须百度，下面直接看我的就好~），一拍脑袋想把 navtive 端的移植到 web 上面来~虽然游戏玩法和主题是抄袭，但是技术可以保证百分百自己实现~

PS：写完发现网上已经有标准的 web 版，UI 和 native 一样，而我的是赶时间之作…… 一比较 UI，我很尴尬，请勿太介意……

先给 demo 地址~可以试玩！

http://westanhui.github.io/self-moxing-game/index.html

github 地址：https://github.com/westAnHui/self-moxing-game/blob/master/index.html