2009年，Node.js横空出世，在几年时间里，Node.js凭借其高性能、易部署等特点迅速在前端领域脱颖而出，成为大火的明星。但一个技术再好，也是有生命周期的，许多开发者开始质疑，Node.js是不是在走下坡路了？Node

原文出处： CSDN 王果 编译整理 前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。

Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架，集合CSS和HTML，使用了最新的浏览器技术，为快速WEB开发提供了一套前端工具包，包括布局、网格、表格、按钮、表单、导航、提示等等。

Junior是一个前端框架用于构建拥有原生外观的HTML5移动应用。 为移动性能优化的 CSS3 转换 使用 flickable.js 的可滑动旋转效果 集成 backbone.js 视图和路由 CSS

这是一个 极好的 ，强大，响应式，完整的前端原型框架。提供完整的设计骨架和一套可定制样式的组件，基于 CSS3 和 Less 开发。该框架旨在创建一个统一风格的界面。 每个组件都遵循通用的和愉悦的

Magix 是用于构建大型富交互单页应用的前端MVC框架。它提供了基于树状结构的视图系统，页面初始渲染以及URL 变动都将从根 View 开始逐层进行，这使得局部变化井然有序；同时遵循Magix的开发

加载器； 编写BrowserRequire目的不在于统一前后端模块使用，而是做一款更适合Web前端开发需求的模块化框架； 更好的处理了模块与非模块间的使用； 更像是LABjs+requir

Qing是一套基础开发模版，来源于我们在手机与PC端上的大量工程实践。Qing所提供不是冷冰冰的文件， 而是一套Web前端解决方案，所以Qing不只是关注项目的初始状态，而是整体的工作流程， 这是Qing与现有开源的开发

Sublime Text算是前端开发中最常使用的文本编辑器之一，对于前端工程师来说熟悉手中的编辑器就像熟悉筷子一样重要。Sublime Text的入门文章网上已经太多了，本文只关注能提升前端工程师工作效率的技巧和插件。

s 就是 js 里插入了一个 dist （分发），避免和其他组件命名冲突，同时特殊好记。本工具专注于前端代码块（js、css、html）预处理。 起因 一个页面从开发到上线基本会经历三个阶段： 本机开发调试

不晓得有多少人在做前端技术开发，问过在我之后加入公司的，或者面试过的前端工程师，几乎都没有在写前端技术。他们有的来自于百度，新浪，SAP 等。当然，我在这不能以偏概全，写了Testing的不情愿来也说

基于avalon的组件库—— 去哪儿网 的前端解决方案，兼容主流浏览器，包括IE6-IE8等低版本浏览器，适应国情而生。anyway，适合自己的才是最好的！ 项目主页： http://www

简介 modJS是一套的前端模块加载解决方案。与传统的模块加载相比，modJS会根据产品实际使用场景，自动选择一种相应的方案，使最终的实现非常轻量简洁。 使用 模块的定义 modJS是一个精简

berserkJS 是基于 Qt （C++跨平台库）开发的前端网络（性能）监测工具。 它的核心功能是通过内置 webkit 收集由页面实际网络请求相关数据。 偏重于页面上线前检测与评估。 页面性能分析工具，可用

拼图 Pintuer：中国版的Bootstrap，是国内优秀的HTML、CSS、JS跨屏响应式开源前端框架，使用最新浏览器技术，为快速的前端开发提供一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包，

Duo 是新一代的前端包管理器，融合了来自Component，Browserify和Go的最好的想法，让组织和编写前端代码快速，无痛苦。 Features 对使用Javascript，HTML和CSS一流的支持

法。 目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。所以直接在前端压缩图片，已经成了很多移动端图片上传的必备功能了。 在移动端压缩图片并且上传主要用到filereader、canvas

，有的处于编辑草案阶段，有 的处于工作草案阶段，当这些API逐渐成为推荐标准以后，一定会对我们进行前端性能监控带来很大的便利，我们也可以通过这些API很方便地直接从页面中获 取到我们希望得到的性能信息。

com/nieweidong/fetool 大前端工具集 本篇文章记录了一枚程序猿的百宝箱。 主要内容是一些使用过的库、工具、套路或关注的前端组织等等，反正用 前端瑞士军刀 来总结这篇文章再合适不过鸟。

组件并不是真实的 DOM 节点，而是存在于内存之中的一种数据结构，叫做虚拟 DOM （virtual DOM）。只有当它插入文档以后，才会变成真实的 DOM 。根据 React 的设计，所有的 DOM 变动，都先在虚拟 DOM上发生，然后再将实际发生变动的部分，反映在真实 DOM上，这种算法叫做 DOM diff ，它可以极大提高网页的性能表现。但是，有时需要从组件获取真实 DOM 的节点，这时就要用到 React.findDOMNode 方法。