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

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

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

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

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

高精度计时 该API规范所定义的JavaScript接口能够提供精确到微秒级的当前时间，并且不会受到系统时钟偏差或调整的影响。 Page Visibility 页面可见性 通过这一规范，网站开发者能够以

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

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

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

今天看了不少文章，比较感兴趣的是 Cache API。它是浏览器 Request/Response 的缓存管理工具，其使用风格和运用场景让我瞬间联想到了 ServiceWorker 和 Fetch API，相

另外还有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团队开发的一

本文主要是两方面内容： 浅析浏览器内核的工作原理（以 WebKit 2 为例）。 浅析由浏览器内核想到的前端优化，或者说前端优化规则是从哪儿来的。 大家知道，大部分的 WEB 页面依托浏览器呈现，而浏览器能够将

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

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

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

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

LogAnalyzer 是一个 syslog 和其他网络事件数据的 Web 前端工具，提供简单易用的日志浏览、搜索和基本分析以及图表显示。 LogAnalyzer 3.5.0 发布，新版本增加了