基于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

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网格布局

可以很方便地与 HTML5 API 相结合，例如 File System API、Web Audio API、WebGL 等，让前端对音视频的处理和富客户端元素的处理更加有亲和力。 作为一个与后端交互的通道，XHR2

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

com/read-6974 Front-end Integrated Solution（前端集成解决方案） 解决前端工程的根本问题！ F.I.S简介 什么是F.I.S 欢迎访问 FIS官网 获取最新的文档

容器中，使用容器中的环境编译运行代码，宿主机通过 docker 暴漏出的端口访问容器中的服务，这样前端的开发机上就只需要部署docker就搞定了。 关于docker 了解docker 本文并不打算细讲

前言 在前端开发中，测试常常是被忽略的一环。因此最近在研究前端自动化测试框架Karma，把个人的学习过程分享出来，希望对大家有帮助。 什么是Karma？ Karma是由Google团队开发的一

最近需要一些前端框架,于是在网上整理了一些感觉不错的前端框架,有pc端和移动端,为了方便日后自己先记录下来了... Bootstrap 首先说 Bootstrap，估计你也猜到会先说或者一定会有这个(

浅析浏览器内核的工作原理（以 WebKit 2 为例）。 浅析由浏览器内核想到的前端优化，或者说前端优化规则是从哪儿来的。 大家知道，大部分的 WEB 页面依托浏览器呈现，而浏览器能够将页面展示出来，基本依赖于浏览器的内核，即渲染引擎。今天以

逝者如斯夫，不舍昼夜。 历史在向前发展，前端的“摩尔定律”是每隔18个月难度会上升一次，过去的2016年我们不再回顾，展望2017年，对于初学者想要生存下来，该怎么办？如果你有这个疑问，那么你就得好好阅读一下，我这篇文章了。

前端生态系统高速发展，我们把时间花费在尝试新技术并在网上讨论它们。我并非指不该如此，但也许我们可以放缓脚步，去多关注下那些变化不大的东西。这些东西能很大程度改善工作质量，提升工作价值，帮我们去理解新的工具。

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。 Bootstrap