博客园_SPARON

[转]JVM调优总结

2011-12-05T04:07:00Z

原文：http://www.hellophp.cn/archives/169

· 堆大小设置
JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。
典型设置：
java -Xmx3550m -Xms3550m -Xmn2g -Xss128k
- Xmx3550m ：设置JVM最大可用内存为3550M。
-Xms3550m ：设置JVM促使内存为3550m。此值可以设置与-Xmx相同，以避免每次垃圾回收完成后JVM重新分配内存。
-Xmn2g ：设置年轻代大小为2G。整个堆大小=年轻代大小 + 年老代大小 + 持久代大小 。持久代一般固定大小为64m，所以增大年轻代后，将会减小年老代大小。此值对系统性能影响较大，Sun官方推荐配置为整个堆的3/8。
-Xss128k ：设置每个线程的堆栈大小。JDK5.0以后每个线程堆栈大小为1M，以前每个线程堆栈大小为256K。更具应用的线程所需内存大小进行调整。在相同物理内存下，减小这个值能生成更多的线程。但是操作系统对一个进程内的线程数还是有限制的，不能无限生成，经验值在3000~5000左右。

java -Xmx3550m -Xms3550m -Xss128k -XX:NewRatio=4 -XX:SurvivorRatio=4 -XX:MaxPermSize=16m -XX:MaxTenuringThreshold=0
-XX:NewRatio=4 :设置年轻代（包括Eden和两个Survivor区）与年老代的比值（除去持久代）。设置为4，则年轻代与年老代所占比值为1：4，年轻代占整个堆栈的1/5
-XX:SurvivorRatio=4 ：设置年轻代中Eden区与Survivor区的大小比值。设置为4，则两个Survivor区与一个Eden区的比值为2:4，一个Survivor区占整个年轻代的1/6
-XX:MaxPermSize=16m :设置持久代大小为16m。
-XX:MaxTenuringThreshold=0 ：设置垃圾最大年龄。如果设置为0的话，则年轻代对象不经过Survivor区，直接进入年老代 。对于年老代比较多的应用，可以提高效率。如果将此值设置为一个较大值，则年轻代对象会在Survivor区进行多次复制，这样可以增加对象再年轻代的存活时间 ，增加在年轻代即被回收的概论。

回收器选择
JVM给了三种选择：串行收集器、并行收集器、并发收集器 ，但是串行收集器只适用于小数据量的情况，所以这里的选择主要针对并行收集器和并发收集器。默认情况下，JDK5.0以前都是使用串行收集器，如果想使用其他收集器需要在启动时加入相应参数。JDK5.0以后，JVM会根据当前系统配置 进行判断。
吞吐量优先 的并行收集器
如上文所述，并行收集器主要以到达一定的吞吐量为目标，适用于科学技术和后台处理等。
典型配置 ：

java -Xmx3800m -Xms3800m -Xmn2g -Xss128k -XX:+UseParallelGC -XX:ParallelGCThreads=20
-XX:+UseParallelGC ：选择垃圾收集器为并行收集器。 此配置仅对年轻代有效。即上述配置下，年轻代使用并发收集，而年老代仍旧使用串行收集。
-XX:ParallelGCThreads=20 ：配置并行收集器的线程数，即：同时多少个线程一起进行垃圾回收。此值最好配置与处理器数目相等。
java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -XX:+UseParallelGC -XX:ParallelGCThreads=20 -XX:+UseParallelOldGC
-XX:+UseParallelOldGC ：配置年老代垃圾收集方式为并行收集。JDK6.0支持对年老代并行收集。
java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -XX:+UseParallelGC -XX:MaxGCPauseMillis=100
-XX:MaxGCPauseMillis=100 : 设置每次年轻代垃圾回收的最长时间，如果无法满足此时间，JVM会自动调整年轻代大小，以满足此值。
java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -XX:+UseParallelGC -XX:MaxGCPauseMillis=100 -XX:+UseAdaptiveSizePolicy
-XX:+UseAdaptiveSizePolicy ：设置此选项后，并行收集器会自动选择年轻代区大小和相应的Survivor区比例，以达到目标系统规定的最低相应时间或者收集频率等，此值建议使用并行收集器时，一直打开。

响应时间优先 的并发收集器
如上文所述，并发收集器主要是保证系统的响应时间，减少垃圾收集时的停顿时间。适用于应用服务器、电信领域等。
典型配置 ：

java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -XX:ParallelGCThreads=20 -XX:+UseConcMarkSweepGC -XX:+UseParNewGC
-XX:+UseConcMarkSweepGC ：设置年老代为并发收集。测试中配置这个以后，-XX:NewRatio=4的配置失效了，原因不明。所以，此时年轻代大小最好用-Xmn设置。
-XX:+UseParNewGC :设置年轻代为并行收集。可与CMS收集同时使用。JDK5.0以上，JVM会根据系统配置自行设置，所以无需再设置此值。
java -Xmx3550m -Xms3550m -Xmn2g -Xss128k -XX:+UseConcMarkSweepGC-XX:CMSFullGCsBeforeCompaction=5 -XX:+UseCMSCompactAtFullCollection
-XX:CMSFullGCsBeforeCompaction ：由于并发收集器不对内存空间进行压缩、整理，所以运行一段时间以后会产生“碎片”，使得运行效率降低。此值设置运行多少次GC以后对内存空间进行压缩、整理。
-XX:+UseCMSCompactAtFullCollection ：打开对年老代的压缩。可能会影响性能，但是可以消除碎片

· 辅助信息
JVM提供了大量命令行参数，打印信息，供调试使用。主要有以下一些：
-XX:+PrintGC
输出形式：[GC 118250K->113543K(130112K), 0.0094143 secs] [Full GC 121376K->10414K(130112K), 0.0650971 secs]

-XX:+PrintGCDetails
输出形式：[GC [DefNew: 8614K->781K(9088K), 0.0123035 secs] 118250K->113543K(130112K), 0.0124633 secs] [GC [DefNew: 8614K->8614K(9088K), 0.0000665 secs][Tenured: 112761K->10414K(121024K), 0.0433488 secs] 121376K->10414K(130112K), 0.0436268 secs]
-XX:+PrintGCTimeStamps -XX:+PrintGC：PrintGCTimeStamps可与上面两个混合使用
输出形式：11.851: [GC 98328K->93620K(130112K), 0.0082960 secs]
-XX:+PrintGCApplicationConcurrentTime: 打印每次垃圾回收前，程序未中断的执行时间。可与上面混合使用
输出形式：Application time: 0.5291524 seconds
-XX:+PrintGCApplicationStoppedTime ：打印垃圾回收期间程序暂停的时间。可与上面混合使用
输出形式：Total time for which application threads were stopped: 0.0468229 seconds
-XX:PrintHeapAtGC :打印GC前后的详细堆栈信息
输出形式：
34.702: [GC {Heap before gc invocations=7:
def new generation   total 55296K, used 52568K [0x1ebd0000, 0x227d0000, 0x227d0000)
eden space 49152K, 99% used [0x1ebd0000, 0x21bce430, 0x21bd0000)
from space 6144K, 55% used [0x221d0000, 0x22527e10, 0x227d0000)
to   space 6144K,   0% used [0x21bd0000, 0x21bd0000, 0x221d0000)
tenured generation   total 69632K, used 2696K [0x227d0000, 0x26bd0000, 0x26bd0000)
the space 69632K,   3% used [0x227d0000, 0x22a720f8, 0x22a72200, 0x26bd0000)
compacting perm gen total 8192K, used 2898K [0x26bd0000, 0x273d0000, 0x2abd0000)
the space 8192K, 35% used [0x26bd0000, 0x26ea4ba8, 0x26ea4c00, 0x273d0000)
ro space 8192K, 66% used [0x2abd0000, 0x2b12bcc0, 0x2b12be00, 0x2b3d0000)
rw space 12288K, 46% used [0x2b3d0000, 0x2b972060, 0x2b972200, 0x2bfd0000)
34.735: [DefNew: 52568K->3433K(55296K), 0.0072126 secs] 55264K->6615K(124928K)Heap after gc invocations=8:
def new generation   total 55296K, used 3433K [0x1ebd0000, 0x227d0000, 0x227d0000)
eden space 49152K,   0% used [0x1ebd0000, 0x1ebd0000, 0x21bd0000)
from space 6144K, 55% used [0x21bd0000, 0x21f2a5e8, 0x221d0000)
to   space 6144K,   0% used [0x221d0000, 0x221d0000, 0x227d0000)
tenured generation   total 69632K, used 3182K [0x227d0000, 0x26bd0000, 0x26bd0000)
the space 69632K,   4% used [0x227d0000, 0x22aeb958, 0x22aeba00, 0x26bd0000)
compacting perm gen total 8192K, used 2898K [0x26bd0000, 0x273d0000, 0x2abd0000)
the space 8192K, 35% used [0x26bd0000, 0x26ea4ba8, 0x26ea4c00, 0x273d0000)
ro space 8192K, 66% used [0x2abd0000, 0x2b12bcc0, 0x2b12be00, 0x2b3d0000)
rw space 12288K, 46% used [0x2b3d0000, 0x2b972060, 0x2b972200, 0x2bfd0000)
}
, 0.0757599 secs]
-Xloggc:filename :与上面几个配合使用，把相关日志信息记录到文件以便分析。

常见配置汇总
堆设置

-Xms :初始堆大小
-Xmx :最大堆大小
-XX:NewSize=n :设置年轻代大小
-XX:NewRatio=n: 设置年轻代和年老代的比值。如:为3，表示年轻代与年老代比值为1：3，年轻代占整个年轻代年老代和的1/4
-XX:SurvivorRatio=n :年轻代中Eden区与两个Survivor区的比值。注意Survivor区有两个。如：3，表示Eden：Survivor=3：2，一个Survivor区占整个年轻代的1/5
-XX:MaxPermSize=n :设置持久代大小

收集器设置

-XX:+UseSerialGC :设置串行收集器
-XX:+UseParallelGC :设置并行收集器
-XX:+UseParalledlOldGC :设置并行年老代收集器
-XX:+UseConcMarkSweepGC :设置并发收集器

垃圾回收统计信息

-XX:+PrintGC
-XX:+PrintGCDetails
-XX:+PrintGCTimeStamps
-Xloggc:filename

并行收集器设置

-XX:ParallelGCThreads=n :设置并行收集器收集时使用的CPU数。并行收集线程数。
-XX:MaxGCPauseMillis=n :设置并行收集最大暂停时间
-XX:GCTimeRatio=n :设置垃圾回收时间占程序运行时间的百分比。公式为1/(1+n)

并发收集器设置

-XX:+CMSIncrementalMode :设置为增量模式。适用于单CPU情况。
-XX:ParallelGCThreads=n :设置并发收集器年轻代收集方式为并行收集时，使用的CPU数。并行收集线程数。

本文链接

6 个基于 HTML5 实现的多媒体播放器

2011-11-28T05:17:00Z

<video> 是 HTML5 中新增的标签，可用于在网页中嵌入视频播放功能，无需 Flash 和其他嵌入插件的支持。但是HTML5目前只有Firefox、Safari、Chrome、Opera、IE9以上支持。此外为了能够播放视频至少需要转换成两种视频格式包括：h.264 (Safari / Chrome) 与 Ogg (Firefox / Opera) 。

本文介绍 6 款使用 HTML5 技术实现的在线多媒体播放器。

1. Open Standard Media (OSM ) Player

OSM Player是一个基于jQuery开发、开源的HTML5多媒体播放器。当浏览器不支持HTML5时，可以转成Flash。提供播放列表，播放列表可以隐藏，支持视频全屏播放。

项目地址：http://www.mediafront.org/project/osmplayer

2. HTML5 Video & Js Library

Kaltura 是一款基于 Flash 技术的在线视频编辑工具。除了具备同类工具的应用特性之外，最主要的，还是能支持多人协作编辑，这一点特性可能今后将会被更多的在线视频编辑工具所使用。此外，Kaltura 上处理的视频媒体可以通过网页内嵌代码输出到 Blog 或者个人网页上。

项目地址：http://corp.kaltura.com/

3. HTML5 Media

HTML5在音频和视频方面确实强大并易于使用，然而旧版本的浏览器并不支持，而且对于支持HTML5的浏览器在支持多媒体格式上也各不一样。

html5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。

对于不兼容的浏览器，该播放将采用支持Flash的FlowPlayer播放器来代替。

项目地址：http://skytechgeek.com/2011/11/top-html5-media-players-for-your-next-website-project/

4. JW Player for HTML5

JW FLV MEDIA PLAYER是一个开源的在网页上使用的Flash视频、音频以及图片播放器，支持 Sliverlight 播放，可以通过一个XML文件使播放器自动切换显示一组图片，并播放背景音乐。

项目地址：http://www.longtailvideo.com/players/

5.LeanBack Player : With Subtitle Support

LeanBack Player是一个开源的HTML5视频播放器,没有依赖任何JavaScript框架。支持全屏播放，音量控制，在同一个页面中播放多个视频。 LeanBack Player兼容大部分常用浏览器，当浏览器不支持HTML5时将自动切换成Flash版本的播放器。

项目地址：http://leanbackplayer.com/

6. Flare Video

Flare video 是一个开源的 HTML5 视频播放器，会自动判断浏览器是否支持 HTML5 ，如果不支持则使用 Flash 技术播放。Flare video 可通过 CSS/HTML/JS 进行功能和界面的定制，支持全屏播放。

项目地址：http://flarevideo.com/

英文原文：http://skytechgeek.com/2011/11/top-html5-media-players-for-your-next-website-project/

本文链接

35个五彩缤纷的网页设计作品欣赏

2011-06-15T10:20:00Z

五彩缤纷的网页和简洁清爽的网页一样讨人喜欢，有时候颜色可以完全改观一个网站的外观。今天这篇文章向大家推荐35个五彩缤纷的网页设计作品，从中可以看到很多风格独特的设计，一起欣赏。

关于setInterval调用对象方法的问题

2011-04-26T06:17:00Z

近日在编写程序时发现调用setInterval传入的方法时，在程序间隔调用时无法获取正确的类方法，究其原因是由于JS灵活的this指针重绑定导致的。那么this指针为什么会重绑定，又重绑定到哪里去了呢？setInterval又做了些什么工作呢？下面将逐一解答。

大家都知道JS的类是通过function模拟出来的，并不是真正面向对象的类，那么就要从这里说起了。JS模拟类的方式大致分为3中形式：第一种是HW开发人员惯用的，原型扩展方式模拟类；第二种是匿名对象扩展模拟类；第三种就是通过Function动态方式创建类，这种方式可mapping到面向对象语言中的反射机制，有异曲同工之处，当然今天要讲的重点不是这个，回到我们的主题。要了解this指针，首先我们来看个例子：

function getName(){

return this.name;

}

///////////////////////////////////////

function Person(){

this.name = "sparon";

}

Person.prototype.sayName = getName;

///////////////////////////////////////

var people = new Person();

people.sayName();

///////////////////////////////////////

result:

sparon

这个例子说明this指针是晚绑定的，而并不是程序初始化时绑定的。在《JAVASCRIPT高级程序设计》一书中“7.2.2关于this对象” 一节中指出：“this对象是在运行时给予函数的执行环境绑定的”。this作为全局唯一特殊指针存在，this作为类内部调用标志，当我们处于类外部调用this指针访问类内部成员时是无效的。

好了，在明确这点后我们在回过头来讲讲setInterval这个函数，其实准确的说setInterval是widnow对象的一个方法，window对象也是一个特殊的对象，以后有机会再慢慢讲来。

语法：

setInterval(code,millisec[,"lang"])

code : 必需。要调用的函数或要执行的代码串。

millisec: 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。

后面的参数基本用不到，这里就不作解释了。

在这里code可以是一个函数名，可以是函数名字符串，同时也可以是一段代码，或一个匿名函数，这就是JS语言的灵活之处。milisec当然就是调用间隔时间了，下面就来说说这个code参数。

先来看看我早起的调用，大家看看问题出在哪里，并想一下在gameStart 和gameLoop中的this指针分别是指向那个对象，是不是同一个对象，如果不是为什么。

function SPARONGame(){

this.name = "DotaAllStar";

this.player_Num = 10;

this.game_init = false;

this.game_start = false;

this.game_speed = 100;

}

SPARONGame.prototype.init = function() {

// Todo init game...

$("#start").click(this.gameStart);

this.game_init = true;

}

SPARONGame.prototype.gameStart = function() {

if (!this.game_init) { // 这里调用this.game_init会存在问题，大家想想问题出在哪里？这里this又指向何处？

return;

}

this.game_start = true;

setInterval(this.gameLoop, this.game_speed);

}

SPARONGame.prototype.gameLoop = function() {

if (!this.game_start){ // 这里调用this.game_start会存在问题，大家想想问题出在哪里？这里this又指向何处？

return;

}

在这段代码中最关键的问题在于作用域问题，要解决这个问题首先要了解this指针是指向何处？首先gameStart中的this是指向document对象的，因为当执行$("#start").click(this.gameStart);时其实click是将gameStart作为函数来处理了，所以当用户点击页面的start标签时，JS将gameStart函数绑定到了document对象下。而gameLoop中的this是指向window的，原理相同，至于为什么，这就要回顾到我前面的示例了，在之前讲过this指针是动态晚绑定的。

那么在知道这点后，我怎么来修正呢？这里就要用到JS的命名空间了，正是由于this是晚绑定的，而在gameStart和gameLoop中将对象方法传递给事件处理函数时，JS无法动态的去解析或者说变更this为指向的对象，从而导致了在后期调用该参数是，this被重绑定。这里有很多解决方案，之前在网上看到一篇文章是将this对象通过eval函数设置到window对象下，这样全局可访问，到调用方法内部再将其取回即可正常使用，还有一种方法很简单，就是利用变量存储指针引用，然后在匿名函数中通过变量调用方法，第三种就是我所讲到的解决方案，通过命名空间定位。

在JS中点(.)通常表示类.方法/字段/…,但可以从另一方面来理解，点操作符时间上是通过命名空间的方式模拟除了面向对象的功能，我们其实可以将点操作符作为命名空间的路径标志，这样，当我们传送一个具体实例类的时候JS解释器就能够方便的找到我们所要的方法，并且知道该方法在具体那个实例下，好了，下面我们来体会一下，我将上面的例子稍作变动即可成功。

var SPARONGame = {

name : "DotaAllStar",

player_Num : 10,

game_init : false,

game_start : false,

game_speed : 100,

init : function() {

// Todo init game...

$("#start").click(this.gameStart);

this.game_init = true;

gameStart : function(){

if (!SPARONGame.game_init) {

return;

}

SPARONGame.game_start = true;

setInterval(“SPARONGame.gameLoop()”, SPARONGame.game_speed);

gameLoop : function() {

if (!this.game_start){

return;

}

在这段代码中需要注意的是setInterval的第一个参数是字符串，而不是类名.方法名，否则最后达到的效果仍然是将其作为函数传入。

在解决以上问题后，最后再简单的提下setInterval中的两个小BUG，虽然很微妙，但是一定要知道，否则在编写程序处理边界问题时就会出现大问题了。1.某些间隔会被跳过；2.多个定时器的代码执行之间的间隔可能会比预期的小，关于这两个问题的详细解答可参考《JavaScript高级程序设计》的“18.2.1 重复的定时器”一节。

本文链接

【收藏】14个非常棒的 JavaScript 游戏开发框架

2011-04-25T03:37:00Z

随着JavaScript结合HTML5开发越来越受欢迎，很多浏览器支持的新功能正被用户使用，与此同时，许多新的游戏正在使用JavaScript进行开发。基于JavaScript开发的游戏是唯一一个能够跨桌面，Web和移动三种平台的。今天，本文向大家推荐一些非常棒的JavaScript游戏框架。

LimeJS

这是一个基于HTML5游戏框架，用于快速构建运行于现代触摸屏和桌面浏览器的游戏（需要翻墙访问）。

Impact

这是一个专业的JavaScript游戏引擎，帮助你方便快捷的开发基于HTML5的游戏。

该引擎有一个功能丰富的Weltmeister关卡编辑器，不管是多么复杂的游戏，Weltmeister都可以帮助你实现它。

The Render Engine

一个跨浏览器的引擎，非常灵活，配备可拓展的API，内置Box2D引擎，支持触摸输入。

Jaws

一个基于HTML5的2D游戏引擎，对击键事件处理非常好。

GMP

GMP是免费的、快速的JavaScript游戏引擎，缺点是不支持音效。

Gamma

这个JavaScript引擎可用来构建2.5D的游戏，借助强大的HTML、JavaScript、CSS和WebGL。

Akihabara

这是一个游戏工具包，提供的主要组件有：Gamebox、Gamecycle、Toys和用于支持触屏设备的Iphopad。

gameQuery

一款jQuery插件，通过游戏相关的类来构建JavaScript游戏。

Propulsion

支持用于创建各种类型的二位游戏，内置很多可绘制图形和用于控制加速度的物理引擎。

Crafty

这是一个轻量、模块化的JavaScript游戏引擎，内置动画、事件管理、碰撞检测等等。

jsGameSoup

支持跨浏览器的鼠标、键盘和触摸事件处理，对形状的绘制支持很好。

GameJs

GameJs是一个轻量的JavaScript游戏引擎，用于基于HTML5 Canvas的游戏开发。

xc.js

这是一个新推出的框架，没有上面那些成熟，其核心是场景、节点、动作和事件。

其它相关资源

Simple Game Framework (simpler JS game framework)
Diggy (JS game engine)
friGame (jQuery powered game engine)
Raphaël (JS library for vector graphics)
C3DL (JS library for 3D canvas)
GLGE (JS WebGL library)
PhiloGL (JS WebGL framework)
SoundManager (JavaScript sound API)
jPlayer (HTML5 audio and video for jQuery)

（编译来源：梦想天空原文来自：Free JavaScript Game Frameworks To Create A Web-Based Fun）

本文链接

【收藏】27个jQuery表单插件分享

2011-03-30T01:23:00Z

编者按：本文是一位20岁的孟买小伙子Shamuil分享的，他是一位自由职业设计师和Blogger。

　　在全球访问量最高的钱1000个网站中，几乎没有不用jQuery的。如今jQuery的力量是无限强大。本文将向你展示分享jQuery在表单方面的强大，包括验证表单、密码遮罩表单和评论实时预览等。所以，不要错过本文哦，来看看当今jQuery的表单变化趋势吧。

1- jquery Form Validator

　　2- Uniform

　　3- Autotab

　　4- jquery Niceforms

　　5- jQuery inline form validation

　　6- Toggle FormText plug-in

　　7- jQuery Field Plug-in

　　8- In-Field Labels jQuery Plugin

　　9- jQuery Comment Preview

　　10- Input Fields with Images

　　11- Pretty Comments

　　12- jQuery Highlight Plugin

　　13- Select Multiple Form Fields

　　14- Password Masking jquery plugin

　　15- jTip

　　16- Password Strength Indicator and Generator

　　17- Live validation

　　18- jQuery Autosave

　　19- jQuery Dropdown Checkbox

　　20- jQuery Ajax Form Builder

　　21- Perfect signin dropdown box likes Twitter with jQuery

　　22- Checking username availability with ajax using jQuery

　　23- jqTransform

　　24- Magicpreview plug-in

　　25- A Fancy AJAX Contact Form

　　26- AJAX Upload

　　27- Current Field Highlighting in Forms

　　译文出处：伯乐在线 - 职场博客
　　译文链接：http://www.jobbole.com/entry.php/591

　　原文作者：Shamuil　　　编译：伯乐在线敏捷翻译组

本文链接

【收藏】开发人员看过来：11 个免费的开源 IDE

2011-03-23T14:18:00Z

1.Komodo Edit (Windows, Mac, Linux)

Komodo Edit 是开源的，支持PHP, Python, Ruby, JavaScript, Perl, Tcl, XML, HTML 5 and CSS 3。

它具备语法着色，折叠，背景语法检查，自动完成和提示功能，还包括jQuery，Ext JS，Ruby on Rails等库，可自动完成。

2.Aptana Studio (Windows, Mac, Linux)

Aptana Studio 是一个开源开发工具，支持HTML5, CSS3, JavaScript and Ruby, Rails, PHP & Python（服务器端）。

它有一个“代码助手“功能，用它可以找到有关函数，元素等方面的细节问题。通过FTP和SFTP你可以与服务器保持同步，还有一个集成的调试器帮助你调试代码。还有其它许多能够简化开发过程的功能，包括Git集成和内置终端。

3.Code::Blocks (Windows, Mac, Linux)

一个非常灵活的IDE，主要支持C/C++代码，插件功能很强大，可以很容易地获得扩展。它具有语法高亮，代码折叠，自动完成和一个标签式界面。还有一个任务管理器，能够简化多个用户协同工作。

4.CodeLite (Windows, Mac, Linux)

一个开源的C/C++ IDE，可以方便地通过插件扩展功能。对于大多数流行语言它都有基于XML的语法高亮，还具备一个强大的代码完成机制。

5.Xcode (Mac)

Xcode是苹果电脑特有的IDE。它包括完整的开发，调试和测试功能。图形编辑器（接口生成器）可完美地帮助你设计IOS或Mac OS 应用的图形用户界面。对于iPhone开发者，还有一个功能齐全的模拟器，可以测试输出后的效果。

6.MochaCode (Mac)

一个Java IDE，从各个方面提供了完整的Mac用户体验，如文字编辑器，键盘快捷键，工具栏等等，有一个强大的代码助手提供自动完成功能并能够显示任何相关的代码参数。

7.Geany (Windows, Mac, Linux)

Geany是一个简单而强大的IDE，支持所有主要文件类型。它支持代码折叠，自动完成，代码导航和新功能，可支持更多的插件扩展。

8.PSPad (Windows)

该编辑器支持多种文件类型和语言，具备语法高亮功能。具备宏，文件剪辑和模板
，还包括一个集成的HEX编辑器，FTP客户端，宏录制器，代码浏览器等。

9.Anjuta DevStudio (Linux)

Anjuta DevStudio的用户界面很简洁，具备项目管理，应用程序向导，交互式调试器，源代码编辑器，版本控制，GUI设计器，分析器和许多其它工具。可以通过插件迅速扩展功能。

10.KDevelop (Windows, Mac, Linux)

KDevelop支持多种编程语言，像C，C++，Fortran，Java，Pascal，Perl，PHP，Python和Ruby。它具有内置的项目管理，调试器，可以通过插件扩展。

11.ConTEXT (Windows)

ConTEXT跟Notepad++很类似, 是一个先进的文本编辑器，你可以同时进行多个项目的开发工作。除了语法高亮和多语言界面功能，它还能够存储代码模板，录制宏，对比文件等。

此外，它可以为每个文件扩展自定义帮助文件。

本文链接

Web开发人员应当知道的15个开源项目

2011-02-26T03:38:00Z

　　如今，构建网站和开发Web应用程序已经不仅要求开发人员是一名优秀的程序员，更需要聪明的程序员。这也就是说，在可能的情况下，重复使用已有的代码和应用程序，而不是自己重头开始。

　　开源由来已久，并且很多网站的构建也使用了开源。开发人员都知道Linux、Apache、MySQL及 PHP （LAMP）。

　　但是除那些之外的其他开源项目呢？作为一名Web开发人员，你可以借助诸多可用的项目，以节省开发时间，或提高程序性能。

　　下面让我们看一下哪些开源项目可供大家免费使用。

　　可供使用的新型数据库

　　传统上讲，你可能习惯使用MySQL。尽管MySQL是一个非常棒的数据库，但诸多试图解决MySQL存在的问题的新型数据库已经问世。

　　1. MongoDB

　　MongoDB就是的“非关系型”数据库之一。它扩展性强、性能高。

　　2. Apache Cassandra

　　与MongoDB相似，Apache Cassandra也是一种“非关系型”数据库，它亦扩展性强、性能高。并且能够很好地处理庞大而活跃的数据集。（编注：Facebook用Cassandra来做邮箱搜索。）

　　根据需要，你还有更多的选择。请参阅维基百科的这个列表。

　　缓存数据

　　因为需要频繁使用一些数据，所以相比每次去数据库中查询，把这些数据存放在内存中更加合理。这能够大大提高Web应用程序的运行速度。

　　3. Memcached

　　Memcached是一种在内存中缓存小型数据块的简单但强大的解决方法。（编注： Facebook运行着成千上万的Memcached服务器，借以及时处理TB级的缓存数据。）

　　4. Redis

　　Redis的作用与Memcached相同，但包含更多的特性。例如，它也可以存储本应当永久性保存在磁盘上的数据。

　　加快网络请求的速度

　　大多数网站使用Apache的网络服务器来提供服务。它能够很好地服务于大多数网站，但是一旦网站的访问量增大，就需要做进一步优化。

　　5. Nginx

　　Nginx是一种与Apache非常相像的网络服务器，但它的速度相当快。作为负载平衡器，它常用于处理静态内容，如图像文件。

　　6. Varnish

　　Varnish是位于常规网络服务器之前的高速缓存器。它将所有热门内容放入内存，直接对其处理，无须将所有内容都传给网络服务器。（编注： Facebook用Varnish 处理图片和用户照片，每天都要处理十亿级的请求。Facebook所用到的其他开源项目，请参阅《揭秘Facebook背后的那些软件》一文。）

　　轻松管理内容

　　如果你在构建一个允许用户添加及编辑内容的网站，那么你可能需要一个内容管理系统（CMS）。CMS能够帮助开发人员轻松地管理博客及网站，并且提供大量的能够扩展网站功能的插件。

　　7. WordPress

　　虽然WordPress是个博客平台，但它也能用于管理大大小小的网站。

　　8. Drupal

　　Drupal是一个可用于构建强扩展性、高灵活性网站的完整平台。

　　还有很多可用的内容管理系统。请参阅维基百科的这个大型列表。

　　交互式的网络UI

　　如今，你可以使用JavaScript和AJAX技术，开发一个类似桌面应用程序那样的以多种方式运行的网络应用。使用JavaScript框架，能够轻松地开发大型的网络应用程序。

　　9. JQuery

　　 JQuery是一个带插件的框架，这些插件有主构建包含AJAX交互及动画的动态网站。

　　10. MooTools

　　MooTools就和jQuery一样，是一个使用JavaScript构建强大网络应用程序的框架。

　　如果你想尝试一下其他选择，请参考维基百科的这个列表。

　　其他比较炫的资源

　　当你开始开发一个复杂的网络应用程序时，很多软件、库及模型能够帮你解决难题，如果不参考这些资源，你可能会花费大量的时间。以下是两个入门的例子。

　　11. Node.js

　　Node.js是一个事件驱动的输入/输出框架，支持用JavaScript编写应用程序，并在V8 JavaScript引擎上运行。这是一种开发快速、可扩展网络程序的很棒的方式。

　　12. RabbitMQ

　　RabbitMQ是一种可靠的、可扩展的信息传送系统，它能够处理高吞吐量。如果需要在系统之间或应用程序之间交换数据，比起传统的解决方案或直接将数据存储在数据库中，信息传送系统的更能胜任这一工作。

　　使用框架来加速开发进程

　　不管你是使用PHP还是其他的编程语言，有很多不同的可用框架能够帮助你加速开发进程，并能够更加轻松地管理代码。

　　13. Symfony

　　Symfony是一个PHP框架，它包含很多能够加速开发复杂网络应用程序的组件及工具。同时它包含社区提供的1000多个插件。

　　14. Ruby on Rails

　　对Ruby语言而言，Ruby on Rails是最流行的可用框架。

　　15. Django

　　Django是一个Python网络框架，它用来帮助快速开发高性能、优秀的网络应用程序。

　　维基百科上有一份更完整的列表，这个列表包含不同语言的可用网络应用框架。

　　后话 - 合理利用时间

　　开发人员有必要花费时间不断了解哪些新软件是可用的，这样对轻松地解决复杂的任务大有裨益。

　　而且在项目开发之初，花费一些时间做计划和调查也是非常有必要的，因为这样可以明确即将面临的问题，并确定其最佳解决方案。

　　自己编程来解决每个问题的时代已经结束，如今更多的是灵活使用现有技术来解决问题。

　　不知正在看本文的Web开发人员，在上述这些开源项目中，你用到了哪些？欢迎你在评论中分享你的使用经验和心得。

本文链接

【转】27 款经典的CSS 框架

2011-02-19T02:59:00Z

利用 CSS 框架，可以简化你的工作，提高工作效率。CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架，你可以选用。

1. 960gs

960 像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，能够很好地展现网页内容。提供较为常用的尺寸来简化网页设计过程，使工作简单高效。

2. YUI 2: Grids CSS

芒果曾经介绍过由雅虎开发小组推出的 YUI，而这个 YUI Grids CSS 正是其中的一部分。作为最著名的 CSS 框架之一，YUI Grids CSS 提供了四种预设页面宽度，六种预设模板。其中的负 Margin 技术，使用度量单位 em，清除布局浮动等技术非常值得学习和借鉴。

3. Blueprint

Blueprint 是一款成熟的 CSS 框架，它将布局 (layout)、排版 (typography)、组件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在网页设计时就减少了引入的代码，提高了页面加载效率。

4. BlueTrip

BlueTrip 是一个集成了BluePrint & Tripoli 框架的做好的部分；Hartija 的打印样式； 960.gs的简洁；Elements 图标的一个css框架。为你提供一个好用的样式集合和一个制作网站的通用的方法。这样你就可以集中精力搞设计了。

5. Elastic CSS

Elastic 是一个简单的 CSS 框架用来对网页进行布局。Elastic 可实现各种各样常见的网页布局。

6. Easy

市面上流行的JQUERY组件功能都被纳入其框架中，你只要直接使用这个框架，不用学习复杂的AJAX JQuery语法，非常方便。

7. EZ-CSS

EZ-CSS是一个轻量级，浏览器友好，易于使用的CSS框架。用于创建CSS+Div的页面复杂布局（layouts）。

8. Tripoli

Tripoli是一个用于HTML表现的通用css规范。通过重设和重建浏览器标准，Tripoli 为你的网站项目提供了一个标准的、跨浏览器表现的基础。

9. CleverCSS

CleverCSS 是一个用于css的受Python启发的小型的标记语言，它可用于以整洁的和结构化的方式创建一个样式表。在很多方面它都比CSS2整洁和强大。与CSS最明显的区别是句法：它基于缩进而且不单调。虽然这显然违反了Python的规则，它依然是组织样式的很好的主意。

10. SenCSS

它为你CSS重复的部分提供了合理的样式，这样你就能更加关注于自己网站的样式。SenCSs不像其他CSS框架那样，它不包含各种杂乱的布局样式或是预定义的栅格系统，那SenCSs能刚什么呢？baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能办到的。

11. Emastic

Emastic 是一个CSS框架，它有连续的任务：探索陌生的新世界，寻找新生活和新的网站空间，大胆的去CSS框架尚未到达的领域。它是轻量的、在页面宽度上比较人性化，在网格中使用固定和不固定的列宽。 Elastic 用“em”布局。

12. Typogridphy

Typogridphy是一个适合网格布局的CSS框架，用来帮助网页设计师和前端开发者能够快速编码实现漂亮的网格布局。它可以让你快速创建出各种各样的网格布局，并且非常轻松和简单。这个框架的CSS充分符合语义验度，严格的Xhtml等标准。

13. Less Framework 3

它是一个以less.js为基础的CSS框架，它充分利用它的混入，变量和筑巢等高级功能。

14. Elements

是一个非常轻量级的css框架，从它的代码组织结构来看作者显然是希望真个project能够全部部署在它这个css的framework中。

15. Boilerplate

它是一个HTML/CSS/JS的预设模版，它可以帮助你建设一个支持HTML5-CSS3，跨浏览器的网站。

16. Malo

一个超小的、灵活的、易用的、宽度可以变化的个性化页面。

17. The 1kb CSS Grid

如果你仅仅需要一个轻量级的 CSS 网格系统，来构建你网站的主框架，那么你可以尝试下 1Kb CSS Grid。1KB CSS Grid 网站上提供了一个生成器用来定制 CSS 网格，并且可以直接下载定制好的 CSS 网格。

18. Fluid Grid System

一个网站的导航菜单文字不能提供足够的信息，来表达当前菜单按钮的内容，一般的解决办法是使用提示信息ToolTip，那么流动导航菜单也可以解决此问题，同时也为网站设计的添加了一些时尚而又动感元素。

19. Content with Style

Content with Style下一个逻辑步骤就是将这个扩展为CSS框架，允许使用写好并通过测试的组件来快速开发网站。实际上所需的是搞定一套命名习惯和一个灵活的基本模板。

20. WYMstyle

WYMstyle是一组CSS文件，你可以很容易的组合这些文件来快速的创建你的网站的布局。通过提供可靠的、经过良好测试的CSS模块，WYMstyle 力求让每个网站防止枯燥的跨浏览器兼容性测试。

21. The Golden Grid

是vladocar开发的一款比较新的CSS框架，可以为现代网站设计提供一个全新的布局参考。它非常小巧，所以很容易学习上手。其中的某些处理布局的方法是很值得借鉴的。如果你了解960网格系统，那么这个框架，你会更加容易使用。

22. Yet Another Multicolumn Layout (YAML)

YAML是一个 (X)HTML/CSS 框架，它为了满足弹性的和用户友好的布局而开发的。YAML自2007年出现以来就提供了广而全的文档。像许多其他的CSS-Framework如Blueprint CSS 或 YUI Grids 一样，提供了一个预定义的 CSS-classes 系统，用来创建基于网格的布局。要创建一个布局，设计师需要创建网站 HTML 结构，然后为容器（html标签）书写CSS，剩下的就自理了。

23. Compass

Compass是一种样式的创作的框架,使你的样式表和标示容易建立和维护。写自己的样式用sass而非原来的是css,利用Sass中的Mixins和Compass结合,你可以应用样式框架如Blueprint来代替你自己的样式标记.Compass基于sass,可以利用css框架比如Blueprint,非常的便捷.

24. Schema Web Design Framework

Schema 是一个为了提供在重复的设计任务中必须的CSS和HTML标签而设计的表现层的网页框架设计。与为每一个新的网站项目从零开始创建HTMl/CSS不同，Schema提供必要的基础来开始并立马让你的设计跑起来。

25. Sparkl

它是一个很成熟的系统，它小巧灵活、易学易用。

26. The jQuery UI CSS Framework

它是一套基于jquery构建具有皮肤更换功能的UI控件和鼠标交互组件。用于帮助开发人员构建具有良好用户体验的Web应用程序。提供了一个强大的CSS Framework，为用户定义使用jQuery widgets。其中的ThemeRoller更是让你随心所欲地操作设计不同风格的网页界面。

27. 52framework

它是一个Web开发框架，它能实现HTML5和CSS3。它是一个跨浏览器的框架，可以在所有主流的浏览器上运行，包括IE6。主要是采用一个HTML5 enabling JavaScript file文件来实现。

本文链接

如果收购SUN的是Microsoft...

2011-01-18T12:38:00Z

如果当时收购SUN的是Microsoft，那么JAVA和C#的发展路线会是怎样的呢？

VisualStudio、Eclipse、NetBean三大IDE的市场还会不会是现在这样的局势呢？

如果是那样，.NET平台又将会是多么的强大呢？

本文链接