这是一个 极好的 ，强大，响应式，完整的前端原型框架。提供完整的设计骨架和一套可定制样式的组件，基于 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 方法。

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

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

API 相结合，例如 File System API、Web Audio API、WebGL 等，让前端对音视频的处理和富客户端元素的处理更加有亲和力。 作为一个与后端交互的通道，XHR2.0 的接口封装依然过于底层。看看

最近两周完成了对公司某一产品的前端重构，本文记录重构的主要思路及相关的设计内容。 公司期望把某一管理类信息系统从项目代码中抽取、重构为一个可复用的产品。该系统的前端是基于 ExtJs 5 进行构造的，后端是基于