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与现有开源的开发

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 方法。

Abstract.js 是来自腾讯兴趣部落的前端框架。 抽象理论模型 Abstract.js基于严格的抽象数学理论模型，它把一些新的理念带入到web开发中去 学习基本理论和思想 虚拟DOM 每

2015-2016前端知识体系 对应技术博客： http://ouvens.github.io ，博客持续更新中~ 一、框架与组件 bootstrap等UI框架设计与实现 伸缩布局：grid网格布局

的缓存管理工具，其使用风格和运用场景让我瞬间联想到了 ServiceWorker 和 Fetch API，相信很多同学也多次看到过这两个东西，本文会对它们做一个简洁的介绍，并谈一谈我对这些新玩具的看法。 Fetch