11月05, 2010

前端编译平台fcp介绍

fcp是什么

fcp是Front-end Compile Platform的简写,即前端编译平台。

随着各大公司对前端开发越来越重视,前端开发人数越来越多,就引发了很多的问题:

1、如何让大家都按照编码规范来

2、如何很方便的进行前端性能优化

3、如何避免前端安全漏洞

编码规范

在这个过程中,大家可能都尝试了很多种方式,如:guideline,codereview。

guideline本身是好的,但随着人员的变动和增加,执行到最后就惨不忍睹了。

codereview虽然可以避免很多问题,但追求快速的web开发来说,这个太花时间,极有可能因为项目时间问题而搁浅。

前端优化

自从Yahoo出了34条优化法则后,各种优化方案都出来了,大家越来越关注前端性能优化了,伴随着这些优化出现了很多对应的工具,如:YUI Compressor,CSS Sprites。虽然这些工具可以很方便的进行优化,但项目上线之前都要跑一边这些工具,结果发现很耗时间。只能算是半自动化。

前端安全

前端安全方面最重要的就是XSS和CSRF了,如果你要写模板,那就必须要关注这一点。虽然大家对这方面都很了解,但实际开发中很可能就忘记了。

其他问题

除了上面的主要问题外,可能还有下面的问题:

1、如何避免线下地址上线

2、如何更方便的进行域名分发

fcp的功能列表

fcp就是介于上面那么多的问题情况下诞生的,将前端开发中遇到的问题完全工具化,避免手工调用工具消耗大量的时间。并且优化是在编译过程中进行的,完全不干扰前端的开发。

目前的功能列表如下:

1、模块目录结构规范检测

2、文件命名检测

3、XSS漏洞检测

4、JS、CSS规范检测

5、JS、CSS代码beautify

6、解决静态文件缓存问题

7、JS、CSS文件合并

8、JS、CSS文件压缩

9、CSS Sprites

10、图片优化

11、地址替换

12、线下地址检测

13、多域名分发

目前用在了哪些地方

目前已经在百度空间的前端模块下开始使用,大大提高了前端的效率,开发的时候几乎完全不用管前端优化。

如何使用

fcp是用PHP开发的,里面用到了很多第三方的工具,所有使用的时候需要编译机器要装一些工具。

目前代码尚未公开,不过有开源的计划,时间点暂时还不定。

接下来主要介绍里面功能的实现方式。

本文链接:http://welefen.com/post/fcp-introduce.html

-- EOF --

Comments

评论加载中...

注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。