Web前端开发最佳实践(3):前端代码和资源的压缩与合并

一般在网站发布时,会压缩前端HTML、CSS、JavaScript代码及用到的资源文件(主要是图片文件),目的是加快文件在网络中的传输,让网页更快的展现。当然,CDN分发、缓存等方式也是加快代码或资源文件传输的方式,但压缩代码和资源文件是最简单有效的手段,代码压缩的优点逐渐得到了大部分的开发者的认可,并已经成为了Web前端开发中不可或缺的一个步骤。以下是代码和资源压缩的具体实践方法。

Web前端开发最佳实践(2):前端代码重构

##前言

Web前端开发最佳实践(1):前端开发概述

##引言 我从07年开始进入博客园,从最开始阅读别人的文章到自己开始尝试表达一些自己对技术的看法。可以说,博客园是我参与技术讨论的一个主要的平台。在这其间,随着接触技术的广度和深度的增加,也写了一些得到了大家认可的技术文章,多篇文章也得到了编辑推荐。大家的认可也更激发了我写技术文章的热情,借助公司在博客园的账号葡萄城控件技术团队博客发布了多篇有关Web前端开发的文章,尤其是如下三篇前端开发最佳实践相关的文章引来了大家的热烈讨论:

《Web前端开发最佳实践》- 勘误

Web前端开发最佳实践

我们为什么要开发一个开源的企业网站?

###前言 今年七月份,我和几个小伙伴们合伙建立了一个开发团队,取名为西安瑞木信息技术有限公司,英文名是eRealm。团队专注于Web开发,并提供Web开发的咨询及架构搭建。业务开展如火如荼的同时,团队宣传就提上了日程,作为正规军总不能没有宣传阵地吧。所以迫切需要搭建公司网站出来。

使用Resource Timing API监控网页加载性能

今天在微博上闲逛,看到了有开发者推荐一个性能检测工具:PerfMap,github上的地址在这里:https://github.com/zeman/perfmap。这款工具使用很简单,把如下的代码作为连接加入到浏览器书签中:

Normalize.css源代码赏析

Normalize.css是一个轻量级的CSS跨浏览器解决方案,包括移动浏览器。它提供了一套默认的样式,使得元素在大部分浏览器中具有相同的外观。Normalize.css基于最新的HTML5规范,相比较传统的css reset更具现代性。

有关JavaScript闭包的讨论及如何更清晰地理解闭包

##引言

从Velocity China 2013 Web 性能与运维大会能学到什么?

##引言 Web性能与运维大会主要关注于Web网页端的性能优化,包括前端、后端、网络的优化。这次参会我主要参加了前端优化相关的分享会议,讲师基本上来自于阿里巴巴、百度、腾讯等国内一线网络公司,以及一些国外赞助商公司。整体上国内讲师讲的质量比国外讲师好。国外的讲师基本上是撑门面,但讲的内容大而浅,价值不高。

CSS样式定义排序

CSS样式排序是指按照一定的规则排列CSS样式属性的定义,排序并不会影响CSS样式的功能和性能,只是让代码开起来更加整洁。编写整洁的代码是每个程序员应该追求的目标,但估计有不少的前端程序员没有给CSS样式排序的习惯。CSS代码的逻辑性并不强,一般的开发者写CSS样式也很随意,所以如果不借助工具,不太容易能按照既定的顺序来定义CSS属性,这是前端程序员不给CSS样式属性排序的最主要的原因。