Help You Become A Better Front-End Engineer In 2013 Web Development Teaching Materials Learn HTML5, CSS3

上一篇中，探讨了前端框架的前世今生，最后还列举了当前比较火的几个前端框架，比如：Google 的 Angular，老牌的 Backbone , Facebook 的 React 等等。今天，我只想介绍一个小而美的前端框架：

收集癖和知识管理 跟对神 读书 前端的定位 最后 byr论坛yiyizym的建议 FE-learning 结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。

 上海腾一研发部内部技术文档 上海腾一研发部内部技术文档 文档标题 前端工程师必知必会.doc 分类标签 资料来源 网络 URL 修订历史 2010-01-18由zhy收录 http://topic

　　说起模块化，也许我们首先想到的是编程中的模块设计，以功能块为单位进行程序设计，最后通过模块的选择和组合构成最终产品。把这种思 想运用到页面构建中，也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段：第一阶段是在一个css文件中把多个页面按自己的习惯顺 序从上往下编写样式，基本不考虑有无公用样式，以完成设计呈现为首要目的；第二阶段是提取不同页面中

测试是完善的研发体系中不可或缺的一环。前端同样需要测试，你的css改动可能导致页面错位、js改动可能导致功能不正常。由于前端偏向GUI软 件的特殊性，尽管测试领域工具层出不穷，在前端的自动化测试上面却实施并不广

com/luozhihao/p/4898221.html 上两遍文章介绍了前端模块化开发（以seaJs为例）和前端自动化开发（以grunt为例）的流程，参见： http://www.cnblogs

用户计时API可以在网页应用中测量两个预定义标记之间的性能。开发者仅仅需要分别定义测量的开始和结束标记。可以通过JavaScript对象“performance”提供的函数，对计时位置进行标记。

前面讲了很多理论，那么这一节我们将讲一些实战的例子

今年的双11不仅买买买令人兴奋，密令红包也让人欲罢不能、抢到手软。每天，都有新鲜出炉的密令从各种渠道放出，只要打开手机淘宝，在搜索框输入密令就可以抢现金红包啦~

在开发一些「单页应用」时，通常会使用 Ajax 和服务器通讯，比如 RESTful API，通常「前端」和「服务端 API」可能是有不同人员在负责，也不在同一个工程下，那么开发过程中就可能会遇到跨域的问题，比如

Docker Toolbox 下载并运行 Ubuntu 镜像 做常规的初始化工作（换源、安装常用工具） 安装前端开发工具 安装和配置 Samba 配置端口映射 导出镜像 Let's rock! 1. 下载并安装

基于WHATWG标准创建了一个固定的规范。 历史 XMLHttpRequest 对象背后的概念最开始是被微软 Outlook Web Access 工作组为 Microsoft Exchange Server 2000 提出的。一

InfoQ的这篇文章已包含在“响应式JavaScript”系列文章中。你可以订阅RSS并在内容更新后获得通知。 主要结论 前端架构师正在快速向着函数响应式（Functional reactive）的模式跃进。 函数式HTML、单向数据流或单态树（Single

什么是前端工程化？根据具体的业务特点，将前端的开发流程、技术、工具、经验等规范化、标准化就是前端工程化。它的目的是让前端开发能够“自成体系”，最大程度地提高前端工程师的开发效率，降低技术选型、前后端联调等带来的协调沟通成本。

前端资源包管理工具，可以通过 bower install 的形式将常用的前端资源下载到本地的项目目录中，例如：bower install bootstrap将会自动下载bootst

UIkit 是一个由YOOtheme构建的前端框架，用于快速创建跨浏览器和响应式布局。 它是轻量级，拥有一个模块化的结构。使用 LESS + jQuery 实现。 包含的组件盖几乎所有：按

Semantic UI—完全语义化的前端界面开发框架，跟Bootstrap和Foundation比起来，还是有些不同的，在功能特性上、布局设计上、用户体验上均存在很多差异。 Semantic UI的一些优点：

这周我花了些时间研究FuncUnit 和Cucumber. 本文中我将说明为啥要联合使用这两个框架及使用它们进行前端测试. Cucumber 这是 Cucumber wiki: Cucumber 可以执行基于文本描述的功能自动化测试

Tessera 是 Graphite 前端界面，提供一个大型展示，布局和构建仪表盘的交互选项。Tessera 是有着优雅结构，交互展示 Graphite 数据的 Web 应用。 主要特性： Actions