Web 前端开发者每天都与 HTML、CSS、JavaScript 打交道，然而不少人都是周而复始地写模板、样式和交互效果，并没有想过如何将这些重复的工作整合在一起。Twitter 推出的 Bootstrap 能够帮助 Web 前端开发者摆脱这种重复劳动。

测试是完善的研发体系中不可或缺的一环，但是在前端开发的项目中做单一测试的相对较少。为让大家了解前端测试给项目带来的好处，七牛资深前端工程师马逸清结合技术开发团队在前端测试方面的积极探索，特此分享以下前端测试的实践经验。

此手册主要实现的目标：代码一致性和最佳实践。通过代码风格的一致性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践，确保页面性能得到最佳优化和高效的代码。

图片的形式具有诸多的不便。缺失源图的我们，无法为此图贡献些什么，随着时间的迁移，或许有些技术点会发生改变，所以有了这个GitHub项目。我们可以通过协作的方式来共同维护这个项目。Git的历史记录也可以见证前端行业的一些变迁。

随着前端开发复杂度的日益提升，组件化开发应运而生，并随着 FIS、React 等优秀框架的出现遍地开花。这一过程同样发生在美团，面临业务规模的快速发展和工程师团队的不断扩张，我们历经引入组件化解决资源整合问题、逐步增强组件功能促进开发效率、重新打造新一代组件化方案适应全栈开发和共享共建等阶段，努力“controlling complexity”。本文将介绍我们组件化开发的实践过程。

这份合集覆盖了所有的JavaScript基本知识，从基本网络编程技巧，如变量、函数和循环语句，到高级一些的专题，如表单验证、DOM操作、客户端对象、脚本程序调试。学习前端的你不容错过！ 资料名称 下载地址 Node.js中文手册【PDF】 http://down.51cto.com/data/281195 基于JavaScript的植物大战僵尸版源码 http://down.51cto.com/d

1、尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。CSSSprites是减少图像请求的有效方法。

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。

非Mac用户请自动忽略，此文针对Mac用户，我个人使用频率非常高，PC端开发者可以选择性的尝试部分工具。

雅虎在2006年就发布了一份提升Web站点响应速度的 最佳实践指南 。该指南包含了35条规则，分为7个类别。这些规则已经被广泛使用，并指导人们在新的站点设计时更有针对性的考虑问题。这份指南已经成了Web前端性能度量的一个事实标准了。

很多人都有这样的感觉：听了很多技术圈子的分享，有的有深度，有的循循善诱，深入浅出，但是呢，几年下来，到底哪些用上了，哪些对自己真的有帮助了?反而有些模糊。

近几年随着 jQuery、Ext 以及 CSS3 的发展，以 Bootstrap 为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。

收集来自google、twitter、 腾讯、 淘宝等互联网公司对前端 HTML 、CSS 、 Javascript 等一些规范。总结于下，有部分删减。希望大家在书写规范上起到一定作用。

Qccrypt 是一个非常小型的 ccrypt 加密解密命令行工具的图形化前端工具。用来对文件进行加解密。

zui框架并不是我们完全从头到尾自己写出来的。我们也是在使用bootstrap, yui这些框架中结合我们自己产品的应用场景，逐渐积累形成的。现在最成熟的当推bootstrap了。但是bootstrap的版本跨度比较大，也有很 多功能是我们不需要的，再加上它还是比较适合英文场景的布局。所以我们才决定自己来写zui框架。在写这个框架过程中，我们结合了很多具体的应用场景，比 如大量数据展示、比如手机端响应式布局等，做了很多非常有针对性的改进。最终形成了zui框架。

Titon Toolkit 是一个基于 HTML5, CSS3, jQuery, Sass 和 Gulp 构建的前端 UI 工具包。

在大型软件中，组件化是一种共识，它一方面提高了开发效率，另一方面降低了维护成本。但是在Web前端这个领域，并没有很通用的组件模式，因为缺少一个大家都能认同的实现方式，所以很多框架/库都实现了自己的组件化方式。

由 OpenDigg 出品的前端开源项目周报第八期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的 前端开源项目 ，方便前端开发人员便捷的找到自己需要的项目工具等。

最佳实践的应用将伴随着良好的 DOM 结构、网络优化和可用于减少 CRP 指标的各种策略的结合。让用户更高兴，让 Google 的搜索引擎更高兴。在任何企业级网站中，这将是一项艰巨的任务，但是你必须迟早做到这一点，所以不要再承担更多的技术性债务，并开始投资于坚实的性能优化策略。

1、前端需要注意哪些 SEO 2、 <img> 的 title 和 alt 有什么区别 3、 HTTP 的几种请求方法用途 4、从浏览器地址栏输入 url 到显示页面的步骤 5、如何进行网站性能优化 6、HTTP状态码及其含义 7、语义化的理解 8、介绍一下你对浏览器内核的理解 9、 html5 有哪些新特性、移除了那些元素？ 10、 HTML5 的离线储存怎么使用，工作原理能不能解释一下？ 11