简介 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 进行构造的，后端是基于

另外还有mozjpg、sharpP的图片格式，由于目前仍在起步阶段，这里暂不介绍了，有兴趣的可以去跟进了解下。 二、前端的图片优化方案 使用base64编码代替图片 场景：适用于图片大小小于2KB，页面上引用图片总数不多的情况

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 页面依托浏览器呈现，而浏览器能够将

Web前端常见面试题及答案 1、盒子模型 盒子模型包括四部分：内容（content）、填充（padding）、边框（border）、边界（margin） 盒子模型可以分为两种：IE盒子模型和W3C标准盒子模型

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