本篇文章记录了一枚程序猿的百宝箱。 主要内容是一些使用过的库、工具、套路或关注的前端组织等等，反正用 前端瑞士军刀 来总结这篇文章再合适不过鸟。 您可以通过以下方式联系到我： 微博 @聂微东 个人

数据驱动应该是从 flux/redux + react 这种模式开始流行的。 他的背后不仅仅是数据驱动这么简单，在复杂的系统中，我觉得它解决了一个很关键的问题就是模块间的交互/通信。有很多文章拿他和mvc/mvvm去比较，我个人觉得没有特别的可比性，因为解决的问题不同。

来自： http://web.jobbole.com/85067/ 我们很清楚，前端资源及其依赖管理一直是 npm 的重度使用场景，同时这也一直是 Node.js 普及的重要推动力。但这类应用场景

在几年前，天空一声巨响,ajax 闪亮登场。 前端宝宝们如获至宝~ 已经表单提交神马的, 真的太 心累了。 有了ajax之后, 网页的性能可大幅提升，告别刷新，告别如水的流量。 不过，长江后浪推前浪，一代更比一代强。

前端性能优化的重要性： 1. 关注前端可以很好地提高整天性能。如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。而如果关注前端性能，同样是将其响应时间减少一半，则整体响应时间可以减少40%~45%。

UIkit 是一个轻量级、模块化的前端框架，可快速构建强大的前端web界面。UIKit 基于LESS，具有体积小、模块化、可轻松地自定义主题及响应式设计，可在多种环境中使用等特点。 项目主页：

用整洁、语义清晰的HTML编写网站代码是我们一直孜孜以求的。有时我们会发现前人配置页面的方式限制了我们，或者有时我们编写的是HTML格式的email模板。但永远不要偏离HTML的规范

搭建web app常用的样式/组件等收集列表(移动优先) 1. 前端框架 Bootstrap Foundation Amaze UI Semantic UI Pure CSS topcoat UIkit

天下武功，无坚不破，唯快不破。对前端而言，快意味着要求资源体量更小、数量更精简、内容更早呈现、交互更加人性化。当项目做到一定程度，就应该考虑性能的问题，前端的性能优化有诸多有迹可循的理论和方法，比如 Yahoo！性能军规、Google

ALog 是前端统计框架。 1. 概述 我们会使用或开发各种不同的统计模块对产品的使用情况进行收集，以便衡量产品的健康状况和对产品发展方向进行决策 随着前端交互越来越丰富，统计要分析的维度也越来越多样

一个书签 bookmarklet 用于创建一张 浏览器中 加载 资源的 前端性能 热图，使用 Resource Timing API。需要有支持 support for the Resource Timing

FECS 是基于 Node.js 的前端代码风格工具。 灵活 安装简单，深度可配置性 高效 基于 Stream，文件流转从未如此迅速 齐全 四大语言支持，前端代码质量有保障 基于四个工具 htmlcs

常用积累；使用自记忆函数提高页面性能； 前端开发 者的 Chrome extensions/apps；VueCircleMenu [译] 高效的 JavaScript by 边城 传统的 web 页面不会包含很多脚本，至少不会太影响

MySQL最初并没有针对大型Web应用进行构建和优化，Vitess项目的目标是推动MySQL数据库面向大型Web应用的扩展性。 Vtocc是vitess项目中第一个可用的产品，它的作用是作为MySQL的 前端，为接收

TuxedoJS 是全功能的前端 JavaScript 框架，基于 React 视图层，Flux 架构和 CommonJS 模块。Tuxx 包含了所有 React 的性能优势。 Tuxx 特性： 1

ClickSpark.js 是一个开源的实用前端工具，它基于 HTML5 和 JavaScript 实现。ClickSpark.js 可以在你的 JavaScript 事件上增加漂亮且实用的效果。此功

记得前百度工程师张云龙说过，页面前端优化问题绝对不仅仅是为页面提速的问题，更是工程的问题，有兴趣的同学可以阅读《 前端工程与性能优化 》。里面有提到根据雅虎14条优化原则，《高性能网站建设指南》以及《

的DoS攻击分析及防御；2017 年前端工程师应该学习什么；也许是史上最全的前端资源大汇总；6 个值得好好学习的 JavaScript 框架；javascript DOM编程艺术2笔记之数组与对象；前端工程师手册；Google

不好意思，没有像其他公众号一样赶着发文章，每年到这个时候总有一大波什么今年前端预测，技术框架预测什么的。我这次写这篇文针对的对象，是想在今年踏入前端这行的人们，不管你现在是徘徊在门口，还是已经半只脚踏入这片未知领域，都可以参考一下先行者的经验。

那些关于 IE 兼容你还不知道的事儿；看懂前端脚手架你需要这篇 Webpack；Material Design 风格的轻量 Vue . JS 组件库；从零开始成为一名开源程序员，其实只需要九步；初识 HTTP