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

GitHub在前端用到的一系列工具基本上都是开源的。

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

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

最近开发中涉及到有关输出正确的HTML标签这样的问题，正好对字符编码这块儿多看看，之前对这个方面认识的不深，思考的确实不够，如果下次再碰见类似的问题，若再次不少时间去调研的花，就得不偿失了。

Web前端技术栈: 浏览器, 平台, 类库, 框架, 工具等。

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

越来越多的前端开发者采用 单向架构 。那么经典的“模型-视图-控制（MVC）”前景如何呢？

到底是 gulp 还是 webpack，现在网上帖子对于这方面的疑问也很多，这两个工具在某些功能上是有重合的，甚至有人还提出了这样的问题：“有哪些功能是 webpack 取代不了 gulp 的”。我觉得，要真正的理解这两者的取舍，还是要实际地去用，因为只有你使用了，才能做出正确的判断。

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

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

TinyAdmin前端展现框架

你开始使用渐进启动了么？是不是已经使用过React和Angular中 tree-shaking 和 code-splitting 两个工具？有没有用过Brotli、Zofli和HPACK这几种压缩技术，或者OCSP协议（在线证书状态协议）？知不知道资源提醒，客户端提醒和CSS containment一类的技术？了解IPv6，HTTP/2和Service Worker这些协议吗？

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

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

SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等 JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令 JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来，可以专注于代码本身的 逻辑。

Koala UI是一套开放UI框架，基于Apache V2.0开源协议，一种更友好的开源协议，用户可以免费自由使用，并且可以自行改动源码，以适用不同的实际需要

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

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

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