背景 近几年，前端应用（WebApp）正朝着大规模方向发展，在这个过程中我们会对项目拆解成多个模块/组件来组合使用，以此提高我们代码的复用性，最终提高研发效率。 在编写一个复杂组件的时候，总会

GitHub在前端用到的一系列工具基本上都是开源的。现简单地整理如下。 1. HTML / CSS / JavaScript 1.1. HTML模板 GitHub的标记 & 模板风格指南：

skelJS 是一个轻量级的前端 JS 框架，用来构建响应式的网站和应用。SkelJS 只包含一个 18kb 的 JS 文件，为设计者和开发者提供4个强大的组件：CSS 表格系统、响应式处理、CSS 快捷方式和插件系统。

SUI 是一套基于 bootstrap 开发的 商家后台系统的设计规范和前端组件库 ，同时她也是一套设计规范。通过 SUI，可以非常方便的设计和实现精美的页面。 项目主页： http://www

有一篇文章，这个博友已经总结的非常到位了，引入于此，看到的同学，希望可以多看看他做的总结： 在web的开发的开发过程中，前端总是在处理后端打的各种变量，变量可以包含着中的各种各样的字符，如果不对这些字符进行”特殊“处理的

Web前端技术栈: 浏览器, 平台, 类库, 框架, 工具等。 Sencha, jQueryMobile, Kendo UI, Jo, WinkUI, DojoMobile, Lungo |

用于基于不同条件执行不同的动作

越来越多的前端开发者采用 单向架构 。那么经典的“模型-视图-控制（MVC）”前景如何呢？ 为了理解我们是怎么到了现在的境地，不妨回首一下前端架构的演化之路。 过去四年，我倾力于大量的网页项目

学习前端很久了，最近被真阿当那篇总结给吓到了，好多人都在批判阿当，虽然也有几个人挺阿当，微博知乎上都是一片骂声。前端现在这么火，有时候也会反思自己是不是踏进了一条浑水河，越趟越浑。 前端很火，

css前端框架以前都在用bootstramp，但是后来项目对浏览器兼容实在太差，就全都改成了手工去写的样式，所以如果项目组内没有美工而且对浏览器要求还特别高的，建议不要乱用框架，否则最后吃苦的是自己。

本文主要如何使用GruntJS来作简单的前端性能优化的自动化处理，我写了一个完整的 例子 放在Github上，可以参考一下。关于Yahoo的前端优化规则请参考： Best Practices for Speeding

一直在苦苦寻找一个合适的前端框架，少说也看了几十个。 ext太重，而且有内存泄露，在IE下就是个悲剧。 dhtmlx，速度比较好，开源是GPL不适合企业应用，商业的要钱，倒也不贵万把块钱，但是样式比较接

，负载均衡器和服务器对性能的影响都很大）的很大影响。 下文是一份 2017年的前端性能优化清单 ，阐述了作为前端开发人员，为了确保反馈速度以及浏览器兼容性我们需要考虑的问题。 （你也可以下载 checklist

一.工程师对设计偏见的起源 迅速想象一副世界地图，它是什么样子的？ 这样? 还是这样？ 如果仔细观察上面两幅图，可以看出其中的差异： 以英文为关键词搜索，大部分世界地图的中心是美洲欧洲；但如果以中文为关键词搜索，搜索结果中地图的中心则是亚洲。 为什么是这样？ 因为我们总是以自己的经验为中心建构世界，而上面的地图，不过是这种构建中心差异的展示—— 亚洲人以自己为中心，欧美人也同样以他们为中心，再往前

在前后端完全分离的基础上，借助一套完善的开发环境，可以大大提高的我们的开发效率，降低前后端联调的成本。

化及按模块加载。SeaJS的主要目的是令 JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的 逻辑。Sea

Koala UI 是一套针对企业信息化管理软件的UI前端解决方案。提供一些常用组件的样式和脚本，目的在于提高前端开发人员的工作效率和更好的用户扩展体验 Koala UI是一套开放UI框架，基于Apache

Prepros 是基于node-webkit开发，可以对LESS、SCSS、Jade、CoffeeScript、Markdown等直接做转化。尤其适合喜欢定制Bootstrap的开发者使用。而且这款软件的界面也是基于Bootstrap实现的。

toolkit ，它是一个在Linux环境下使用的，基于 wxpython 的 GCC 编译器图形前端软件，可以用来快速的编译验证一个 C/C++ 程序，适合 C/C++ 初学者使用！

简介 JX 是模块化的非侵入式Web前端框架，创建于2008年，既适用于 Web Page 项目，也适用当前流行的Web App项目，特别适合构建和组织工业级大规模的Web App，JX兼容全部主流浏览器，包括非常不情愿的IE6。