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这些协议吗？

从 步入社会算起到今天，风风雨雨走过了15个年头，望着天空，掐指一算，从事前端已近五个年头。也算三分之一的时间在做前端，也是从事过时间最久的一份工 作。问我为什么能做这么久？其实我也时常问自己，怎么就进前端这个行当，怎么就整了五年。正如网上所言，一入前端深似海。

互联网建立50多年了，网站开发技术日新月异，但web前端始终离不开浏览器，最终还是HTML+JavaScript+CSS这3个核心，围绕这3个核心而开发出来大量技术框架/解决方案。

本周我们带来的前端推荐包含当前热门的bootstrap，html5，css3等技术内容和新闻话题，如果你还想近一步学习如何开发，还可以关注我们的极客课程库，里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助！原文来自：极客标签

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

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

Ashley Nolan 是来自英国食品速递公司 JUST EAT 的一名资深Web UI工程师。为了了解整个前端开发社区当前的知识和使用水平，他发起了一个 面向前端开发人员的调查 ，问题涉及CSS、“任务执行器（Task Runner）”、JavaScript等方面。前期，他收到了649份回复。近日，参与者数量达到了1044。因此，他 重新修正 了前期的统计分析结果，不过总体而言变化不大。

这里简单汇总一下个人常用的一些简单的前端资源的地址以及功能，方便检索，以后就不再用到svn去找了。

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