【摘要】本文从ES2015、模块和构建工具、测试、过程自动化、代码质量、Git、客户端模板、Node等方向全面介绍了前端开发者必须了解与掌握的技术与工具。尤其对于JS开发者，是一份很好的开发指南。 本文为@lenville对《A

cnblogs.com/tianheila/p/4932245.html 前端工程师的兴起 在很久很久以前，是没有前端工程师的，那时候，前后端是不分离的，页面由 JSP、PHP 等工程师在服务端

Foundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等等。

bos.com的前端购物车功能。Will喜欢与设计师一对一工作，将PC网站转换为针对更小的触摸设备的站点。近日，Will撰写了一篇 文章 ，谈到了Node.js有哪些做法和特性值得前端应用学习。 在

2015 年已经过去了，作为一个前端开发者，我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点，希望这些项目能够越来越好，帮助到更多的前端开发者们。 此榜单根据github 上star

前端开发应该算是整个Web应用开发过程中最有意思的一部分了，不管什么时候，你总能看到一些新的框架不断涌现，还有数不尽的关于它们如何应用的文章。我们可以放心地说，现在网上有数不尽的各种开发框架，简要来说

1. 前端自动化工具探索 99 前端工程师新浪微博@宇宙一片小囧 2. 我们为什么需要前端自动化工具 3. 评价一个网站雅虎14条， 有没有背熟呢？ （现在已经扩展到N条。。。） http://uicss

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

Junior是一个前端框架用于构建拥有原生外观的HTML5移动应用。 为移动性能优化的 CSS3 转换 使用 flickable.js 的可滑动旋转效果 集成 backbone.js 视图和路由 CSS

，强大，响应式，完整的前端原型框架。提供完整的设计骨架和一套可定制样式的组件，基于 CSS3 和 Less 开发。该框架旨在创建一个统一风格的界面。 每个组件都遵循通用的和愉悦的风格，从而能够实现一个轻量级和用户友好的Web界面。

Magix 是用于构建大型富交互单页应用的前端MVC框架。它提供了基于树状结构的视图系统，页面初始渲染以及URL 变动都将从根 View 开始逐层进行，这使得局部变化井然有序；同时遵循Magix的开发

加载器； 编写BrowserRequire目的不在于统一前后端模块使用，而是做一款更适合Web前端开发需求的模块化框架； 更好的处理了模块与非模块间的使用； 更像是LABjs+requir

Qing是一套基础开发模版，来源于我们在手机与PC端上的大量工程实践。Qing所提供不是冷冰冰的文件， 而是一套Web前端解决方案，所以Qing不只是关注项目的初始状态，而是整体的工作流程， 这是Qing与现有开源的开发模版显著差异的一点

Sublime Text算是前端开发中最常使用的文本编辑器之一，对于前端工程师来说熟悉手中的编辑器就像熟悉筷子一样重要。Sublime Text的入门文章网上已经太多了，本文只关注能提升前端工程师工作效率的技巧和插件。

什么是 jdists 项目地址： https://github.com/zswang/jdists 关于命名 j dist s 就是 js 里插入了一个 dist （分发），避免和其他组件命名

不晓得有多少人在做前端技术开发，问过在我之后加入公司的，或者面试过的前端工程师，几乎都没有在写前端技术。他们有的来自于百度，新浪，SAP 等。当然，我在这不能以偏概全，写了Testing的不情愿来也说

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

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

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

拼图 Pintuer：中国版的Bootstrap，是国内优秀的HTML、CSS、JS跨屏响应式开源前端框架，使用最新浏览器技术，为快速的前端开发提供一系统的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包，