C++博客-逛奔的蜗牛-随笔分类-其他编程

网文：程序员的样子

逛奔的蜗牛 — Thu, 25 Apr 2013 00:10:00 GMT

往运行服务器上直接上传文件时程序员的样子

当老板说项目如果能赶在最后期限前开发完成将会有一笔奖金时程序员的样子

当凌晨3点还在修改bug时程序员的样子

当发现没有按CTRL-S就关闭了文件时程序员的样子

当使用正则表达式返回了想要的结果时程序员的样子

第一次使用CSS美化页面时的效果

当所有人都在办公室挥汗如雨的加班而你却能安然的回家度周末时的样子

当老板想找一个人来修改这个严重bug时程序员的样子

当发现有东西上周五还好用而到了周一不好用了时程序员的样子

当经过了数小时的努力后第一次运行开发出的脚本时程序员的样子

当在没有使用谷歌搜索的情况下就找到了问题解决方案时程序员的样子

做市场的那帮家伙告诉程序员他们是这样销售软件的

[英文原文： Homenaje a los desarrolladores [Humor] / 外刊IT评论]

@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

逛奔的蜗牛 2013-04-25 08:10 发表评论

其他编程：版本控制入门简介

逛奔的蜗牛 — Fri, 27 Apr 2012 07:07:00 GMT

版本控制已经出现有些年头了。然而，我还是会被人问起一些，诸如版本控制是什么或者它是如何工作的，这样基础的问题。本文会概括地解释版本控制解决的重要问题，本文使用的场景针对的是源代码版本控制。

目前有很多不同类型的版本控制系统（Version Control System， VCS）。一些VCS，比如Subversion和CVS，以中央仓库（repository）为中心进行架构。此外，还有分布式的VCS（Distributed VCS，DVCS）， Git 和 Mercurial 是两个新近出现的DVCS。然而，在上述两种类型的环境中，通常会有一个“指定的”中央仓库。对应地，比如一个Subversion服务器或者一个GitHub仓库。下面会基于这个场景进行图示说明。那么让我们开始吧。

在开发者拷贝到本机之前，服务器需要创建一个仓库。创建初始仓库会由于产品不同而有所差别。从现在起，你所要知道的就是，在服务器上有一个初始空间。我把这个版本称作版本“A”。

现在，每个开发者（开发者1和开发者2）都会拷贝版本“A”到他们本地电脑。再一次地，从服务器拷贝的过程会由于产品不同采用的技术会有所差别。

每个开发者会在他们的本地拷贝上进行开发。他们的本地拷贝基于版本“A”。然而，由于他们应该不会做同样的开发，因而他们的版本会有所差别。因此，会有2个以上的版本会同时被创建，比如版本“B”和版本“C”。

开发者1首先完成了她的工作并提交到服务器。服务器上的当前版本被更新成版本“B”。

开发者2现在完成了他的工作并试图提交到服务器。然而，这是服务器告知他基于开发的版本已经发生改变。这也是为什么采取版本控制的首要原因之一。这个特性是对网络共享代码然后由开发者手动更新的一个跨越式发展，这确保了之前的编辑没有被新的修改覆盖。

开发者2必须首先获得所有版本“B”的变化，并合并到他的修改中，然后才可以提交到服务器。这个过程听起来有些复杂。然而，大多数现代的版本控制系统十分高级，能够自动在开发者的本地拷贝上完成合并。有几种情况会产生冲突（例如：开发者1和开发者2同时修改了同一个文件的同一行）。这就是一些VCS产品比其他更高级的地方。不论如何完成合并，现在开发者2在他们的本地系统上同时混合了版本B和版本C。

现在开发者2可以提交他的版本到服务器。

这是一个版本控制的基础。通过注意观察图中服务器的连线可以发现版本控制的原理。服务器记录了所有先前的版本包括发生的变化，什么时候发生以及由谁进行修改。当需要进行代码回溯或者引入其他bug时，这个记录能够解除困境。
我希望本文能够为版本控制系统提供一个基础的介绍。如果你有任何疑问，请就你问题发表评论。

英文原文：greenmoonsoftware 编译：伯乐在线 – 唐尤华

逛奔的蜗牛 2012-04-27 15:07 发表评论

JavaScript：10 款强大的JavaScript图表图形插件推荐

逛奔的蜗牛 — Fri, 16 Mar 2012 22:42:00 GMT

网上有很多用于绘制图表图形的免费JavaScript插件和图表库，这类插件大量出现的原因，一是人们不再依赖于Flash，二是浏览器和精密的计算使呈现实时数据变得容易，而且各种向量绘图技术像VML、SVG和Canvas的发展也使之成为可能。

本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏览器的支持，而另外一些经过整合后，也能在不同的平台和老版本的浏览器上工作。有些工具是独立的框架，大部分支持常规的功能：条形图、线形图、饼形图，有的还可以生成更复杂的图表：关联图、维恩图、热区图、Newick树图、二维散点图、二维气泡图、三维散点图。

1. Humble Finance

这是一个非常好用的HTML5数据可视化工具，与Flash工具颇为相似。基于JavaScript，利用了Prototype 和 Flotr 库，可用于显示两组实时二维数据。

2. D3

D3是最流行的可视化库之一，它可以将任意数据绑定到DOM（Document Object Model，文档对象模型），然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表，或生成一个SVG条形图。

3. Rickshaw

Rickshaw可以创建交互时间序列图。它依赖于D3的可视化库，需要一些扩展比如jQuery和jQuery UI来辅助实现。

4. jqPlot

这是一个基于jQuery（最流行的JavaScript库）的绘图制表插件。jqPlot可以生成线形图、条形图、饼形图。

5. rGraph

这是HTML5的JS图表库，拥有20多个类型的图表。利用最新的HTML5 canvas标签，这个工具可在网页浏览器中生成JavaScript的图表，这意味着更快的网页加载和更少的Web服务器负载。

6. Digraphs

开源JS库，能生成交互、可缩放的时间序列图表。可显示密集的数据组，用户还可对这些数据进行分析和说明。

7. CanvasXpress

一个基于HTML5标签的库，支持大量极其复杂的图表和图形。

8. gRaphael

这个工具可在网站上创建美观的图表，它基于Raphael图形库，可以查看静态图表和互动图表的演示。

9. Flotr2

一个独立框架库，可以绘制HTML5的图表图形，实际上是flotr的一个分支，功能更完善。可生成线形图、条形图、烛形图、饼形图和气泡图，还支持旧的浏览器（如IE 6）和移动平台。

10. Awesome Chart JS

顾名思义，这是一个很棒的JavaScript库，它可用于创建基于HTML 5 canvas元素的图表。这个库很简单，只需要几行代码就能快速生成简单的图表。

英文原文：10 Awesome Javascript Plugins For Plotting Charts and Graphs @import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

逛奔的蜗牛 2012-03-17 06:42 发表评论

Html：Sublime Text 2 使用的主题：Black Perl

逛奔的蜗牛 — Fri, 20 Jan 2012 07:56:00 GMT

@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

Black Perl: /Files/biao/Black-Perl.tmTheme.zip

背景微微亮点，也许有时候更舒服:

/Files/biao/Black-Pearl2.tmTheme.zip

逛奔的蜗牛 2012-01-20 15:56 发表评论

Html：Sublime Text 2 使用的主题：Espresso Soda

逛奔的蜗牛 — Tue, 17 Jan 2012 10:58:00 GMT

下载连接：/Files/biao/Espresso-Soda.tmTheme.zip

逛奔的蜗牛 2012-01-17 18:58 发表评论

Html：Sublime Text 2 的设置

逛奔的蜗牛 — Mon, 16 Jan 2012 12:36:00 GMT

@import url(/css/cuteeditor.css); @import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); @import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); @import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); Key Bindings User: 快捷键

[

{ "keys": ["super+;"], "command": "auto_complete" },

{ "keys": ["super+l"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },

{ "keys": ["super+d"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} },

{ "keys": ["alt+super+r"], "command": "find_all_under" },

{ "keys": ["shift+enter"], "command": "run_macro_file", "args": {"file": "Packages/Default/Add Line.sublime-macro"} },

{ "keys": ["super+shift+enter"], "command": "run_macro_file", "args": {"file": "Packages/Default/Add Line Before.sublime-macro"} },

{ // Emmet: Zencoding

"keys": [

"ctrl+enter"

"command": "expand_as_you_type",

"context": [

{

"operand": false,

"operator": "equal",

"match_all": true,

"key": "setting.is_widget"

{

"match_all": true,

"key": "emmet_action_enabled.expand_as_you_type"

}

]

}

]

// super在Mac里指的是Cmd键

// 删除当前行: Cmd + d

// 自动补全: Cmd + ;

// 跳到行: Cmd + l

// 修改当前文件中所有的同一个单词: Cmd + Alt + r

// 列出所有的函数 Cmd + r

// 在下一行插入行: Shift + Enter

// 在上一行插入行: Shift + super + Enter

Settings - User: {

"ignored_packages":

[

"Vintage"

"line_numbers": false,

"open_files_in_new_window": false,

"show_tab_close_buttons": true,

"translate_tabs_to_spaces": true,

"trim_trailing_white_space_on_save": true,

"word_wrap": true,

"wrap_width": 80,

"theme": "Soda Dark.sublime-theme",

"color_scheme": "Packages/Color Scheme - Default/Black Pearl.tmTheme",

"caret_style": "solid",

"draw_white_space": "selection",

"ensure_newline_at_eof_on_save": true,

"fade_fold_buttons": false,

"font_size": 14.0,

"gutter": true,

"highlight_line": false,

"highlight_modified_tabs": true

}

安装插件:

1. 安装Package Control: 按下cmd + `打开Console，输入下面的命令，安装好后重启Sublime Text 2

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

2. Cmd + Shift + P，输入install，然后再输入下面几个插件的名字安装

2.1 Format SQL // 格式化SQL

2.2 Indent XML // 格式化XML

2.3 Theme - Soda // 安装Soda 主题

2.4 ZenCoding // ZenCoding网页前端开发者的利器，使用Emmet代替，zenCoding过期了: 快捷键：ctr+alt+enter

2.5 SublimeRope // Python自动补全，打开文档，...

2.6 Shell-Turtlestein: 运行 shell 命令，快捷键cmd + shift + c https://github.com/misfo/Shell-Turtlestein

2.7 Bracket Highlighter

3. 安装皮肤：Theme - Soda: 修改过的 /Files/biao/Theme-Soda.zip

修改自动补全窗口中被选中项的背景: code-completion-row-selected.png

效果：

不喜欢显示关闭按钮，但未保存的文档需要显示一个圆点表示未保存：

{

// Tab button size

"class": "tab_close_button",

"settings": ["show_tab_close_buttons"],

"content_margin": [0, 0] // Note: 隐藏关闭按钮

// Tab dirty button

{

"class": "tab_close_button",

"parents": [{"class": "tab_control", "attributes": ["dirty"]}],

"layer0.texture": "Theme - Soda/Soda Dark/tab-dirty.png",

"layer0.opacity": 1.0,

"layer1.opacity": 0.0,

"content_margin": [8, 8] // Note: 当文档被修改时，显示未保存按钮

{

"class": "auto_complete",

"row_padding": [2, 0], // 被选中行的上下边距为0

"layer0.tint": [30, 30, 30],

"layer0.opacity": 1.0,

"dark_content": true

代码着色主题：微微修改过的Espresso Soda:

http://www.cppblog.com/biao/archive/2012/01/17/164313.html

代码着色主题：微微修改过的Black Perl:

http://www.cppblog.com/biao/archive/2012/01/20/164414.html

逛奔的蜗牛 2012-01-16 20:36 发表评论

Html：Sublime Text 2 – Useful Shortcuts (Mac OS X)

逛奔的蜗牛 — Mon, 16 Jan 2012 12:33:00 GMT

General

⌘T	go to file
⌘⌃P	go to project
⌘R	go to methods
⌃G	go to line
⌘KB	toggle side bar
⌘⇧P	command prompt
⌃ `	python console
⌘⇧N	new window (useful for new project)

Editing

⌘L	select line (repeat select next lines)
⌘D	select word (repeat select others occurrences in context for multiple editing)
⌃⇧M	select content into brackets
⌘⇧↩	insert line before
⌘↩	inter line after
⌃⇧K	delete line
⌘KK	delete from cursor to end of line
⌘K⌫	delete from cursor to start of line
⌘⇧D	duplicate line(s)
⌘J	join lines
⌘KU	upper case
⌘KL	lower case
⌘ /	comment
⌘⌥ /	block comment
⌘Y	redo or repeat
⌘⇧V	past and ident
⌃ space	autocomplete (repeat to select next suggestion)
⌃M	jump to matching brackets
⌘U	soft undo (movement undo)
⌘⇧U	soft redo (movement redo)

XML/HTML

⌘⇧A	select content into tag
⌘⌥ .	close tag

Find/Replace

⌘F	find
⌘⌥F	replace
⌘⌥G	find next occurrence of current word
⌘⌃G	select all occurrences of current word for multiple editing
⌘⇧F	find in files

Splits/Tabs

⌘⌥1	single column
⌘⌥2	two columns
⌘⌥5	grid (4 groups)
⌃[1,2,3,4]	focus group
⌃⇧[1,2,3,4]	move file to group
⌘[1,2,3…]	select tab

Bookmarks

⌘F2	toggle bookmark
F2	next bookmark
⇧F2	previous bookmark
⌘⇧F2	clear bookmarks

Marks

⌘K space	set mark // ⌘K; for me
⌘KW	delete from cursor to mark
⌘KA	select from cursor to mark
⌘KG	clear mark

@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

From: https://gist.github.com/1207002/

我的设置:

Key Bindings User:

[

{ "keys": ["super+;"], "command": "auto_complete" },

{ "keys": ["super+l"], "command": "show_overlay", "args": {"overlay": "goto", "text": ":"} },

{ "keys": ["super+d"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} },

{ "keys": ["alt+super+r"], "command": "find_all_under" }

]

逛奔的蜗牛 2012-01-16 20:33 发表评论

Html：Sublime Text 2 入门及技巧

逛奔的蜗牛 — Sun, 15 Jan 2012 09:09:00 GMT

摘要: 看了 Nettuts+ 对 Sublime Text 2 的介绍，立刻就兴奋了，诚如作者 Jeffrey Way 所说：“《永远的毁灭公爵》都发布了，TextMate 2 还没发”，你还能指望它么？TextMate 开发者的消极态度已经无法让人忍受了。而作为一款跨 OS X、Linux 和 Windows 三大系统平台的文字编辑器，Sublime Text 2功能... 阅读全文

逛奔的蜗牛 2012-01-15 17:09 发表评论

Javascript：最漂亮的JavaScript图表工具Highcharts

逛奔的蜗牛 — Thu, 22 Dec 2011 13:28:00 GMT

摘要: Highcharts Demo Gallery « Go to the Highcharts home page Pick an example on the left and combine it with a preset theme in the top menu. Click "View options" to inspect the code. Line and ... 阅读全文

逛奔的蜗牛 2011-12-22 21:28 发表评论

C++：浮点数的存储方式

逛奔的蜗牛 — Sun, 18 Dec 2011 03:20:00 GMT

float内存存储结构(共4字节，32位分别如下)：
31 30 29----23 22----0

实数符号位指数符号位指数位有效数位
其中实数符号位0表示正，1表示负；指数符号位1表示正，0表示负

float在计算机中的存储计算方法：
1. 先将这个实数的绝对值化为二进制格式，方法是：实数的整数部分是除2取余和小数部分是乘2取整
2. 将这个二进制格式实数的小数点左移或右移n位，直到小数点移动到第一个有效数字的右边。
3. 从小数点右边第一位开始数出二十三位数字放入第22到第0位。
4. 如果实数是正的，则在第31位放入“0”，否则放入“1”。
5. 如果n 是左移得到的，说明指数是正的，第30位放入“1”。如果n是右移得到的或n=0，则第30位放入“0”。
6. 如果n是左移得到的，则将n减去1后化为二进制，并在左边加“0”补足七位，放入第29到第23位。如果n是右移得到的或n=0，

则将n化为二进制后在左边加“0”补足七位，再各位求反，再放入第29到第23位。

根据上面那个步骤得：
(1). 23.172001二进制形式为：0001,0111.0010,1100,0000,1000,0100,0001....
(2)左移4位得：1.0111.0010,1100,0000,1000,0100,0001
(3)取小数点后23位得： 0111.0010,1100,0000,1000,010（这23位为float数二进制码的后23位）
(4)第31位： 0
(5)第30位： 1
(6)左移4位，4的二进制0011，不足7位则：0000,011
最后得23.172001在计算机中的二进制表现形式为：0100,0001,1011,1001,0110,0000,0100,0010
二进制转16进制得：41A96042 @import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

From: http://topic.csdn.net/u/20111217/19/6c5221d6-a779-4e6c-9eb0-72949857dc6e.html?95401

逛奔的蜗牛 2011-12-18 11:20 发表评论

Java：随机数是否存在

逛奔的蜗牛 — Sun, 02 Oct 2011 15:38:00 GMT

现在有1千万个随机数，随机数的范围在1到1亿之间。现在要求写出一种算法，将1到1亿之间没有在随机数中的数求出来。

一个32位的整数32位表示32个数，1亿/32 = 3125000，使用3.125 * 4m即可保存1亿个数. 对于数n，(n-1) / 32 为其在数组中的下标，table[(n - 1) % 32]与数组中此下标的值使用或操作。

表中值为0000001, 0000010, 0000100等这样的表示方式，具体的数值使用查表法加快速度

最后算某值是否存在，使用与操作即可计算出

逛奔的蜗牛 2011-10-02 23:38 发表评论

Java：看样子UEditor也很好用

逛奔的蜗牛 — Wed, 28 Sep 2011 09:13:00 GMT

首页文档演示下载教程关于

轻量级

代码精简，加载迅速。

定制化

全新的分层理念，满足多元化的需求。
采用三层架构：
1. 核心层：为命令层提供底层API，如range/selection/domUtils类。
2. 命令插件层：基于核心层开发command命令，命令之间相互独立。
3. 界面层：为命令层提供用户使用界面。
满足不同层次用户的需求。

浏览器兼容

兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome，实现浏览器无差别化。

注重细节

统一不同浏览器下表格选取方式。
提供黑/白名单的过滤机制。
更好的word支持，实现粘贴转换机制。

稳定性

经过专业的QA团队测试，通过上千个测试用例，包括自动化用例和手动用例，目前仍然在不断完善中。

Java：非常优秀的代码在线编辑器 CodeMirror

逛奔的蜗牛 — Sun, 24 Jul 2011 06:09:00 GMT

http://codemirror.net/

支持代码着色，自动缩进

逛奔的蜗牛 2011-07-24 14:09 发表评论

HTML：ckeditor皮肤 chris

逛奔的蜗牛 — Fri, 25 Mar 2011 12:52:00 GMT

http://www.chrisherberte.com/blog/ckeditor-skin

逛奔的蜗牛 2011-03-25 20:52 发表评论

PHP：相当于javascript中的unescapse

逛奔的蜗牛 — Wed, 23 Feb 2011 17:03:00 GMT

"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

"Content-type" content="text/html; charset=utf-8">

Title

"padding: 30px;">

$text = $_GET['text'];

echo "收到: $text
";

$text = utf8_unescape($text);

echo "$text
";

$text = utf8_unescape($text);

echo "$text
";

$text = utf8_unescape($text);

echo "$text
";

echo html_entity_decode("ö",null,'UTF-8')."
";

echo "内容：".utf8_unescape("IT%u6709%u9053");

function utf8_unescape($str) {

$str = preg_replace("/%u([0-9a-f]{3,4}|)/i","&#x$1;",$str);

$str = preg_replace("/%([0-9a-f]{2})/i","&#x$1;",$str);

return html_entity_decode($str,null,'UTF-8');;

}

逛奔的蜗牛 2011-02-24 01:03 发表评论

PHP：PHP中的非贪婪匹配

逛奔的蜗牛 — Mon, 21 Feb 2011 08:41:00 GMT

<pre>
php
// 替换图片的目录为统一路径
$string = "a"a/b/x.png\">,Biao,"uploads/y.jpg\">";

// /U为非贪婪，这种非贪婪，是从后面向前找，与+?有些区别
$pattern ="/"(.*)\/(.+\\..+)\">/U";
$replacement = ""__IMG_BASE__/$2\">";

$pattern ="/"(.*)\/(.+\\..+)\">+?/"; // +?结果与上面的不一样

echo preg_replace($pattern, $replacement, $string);

// 找出所有的图片，图片名
$pattern ="/"(.*)\/(.+\\..+)\">/U";
preg_match_all($pattern, $string, $images);
print_r($images);

// 输出图片名
foreach ($images[2] as $index => $imageName) {
echo "$imageName
";
}
?>

逛奔的蜗牛 2011-02-21 16:41 发表评论

PHP：自定义CKFinder上传图片插件

逛奔的蜗牛 — Sat, 25 Dec 2010 11:19:00 GMT

给CKEditor自定义一个上传文件图片的插件，因为有时候CKFinder并不能满足我们的需求，因为CKFinder不支持JSP.

解压Uploader.zip，然后按其中目录结构放置即可，如果要支持JSP等，照着写后台就可以了。

|----xxxxxxxxxx

| |----editor.html

| |----upload-file.php

| |----ckeditor

| | |----plugins

| | | |----fileuploader

| | | | |----css

| |----js

| | |----util.js

| | |----lib

| | | |----ajaxupload.js

| | | |----jquery.js

| |----uploads

逛奔的蜗牛 2010-12-25 19:19 发表评论

JavaScript：一些代码

逛奔的蜗牛 — Sat, 25 Dec 2010 09:05:00 GMT

JavaScript的一些代码：http://www.jslab.org.cn/ipad.html?tag=FunctionDeclarationaAndFunctionExpression

逛奔的蜗牛 2010-12-25 17:05 发表评论

网文：最牛X的程序员

逛奔的蜗牛 — Fri, 17 Dec 2010 10:06:00 GMT

我是一名程序员。三年前，当我在麻绳理工学院读博士的时候，一家公司聘请我完成一个项目。当我完成学业离开美国以后，该公司需要对程序进行修改，于是聘请了一名程序员来完成这项工作。

谦虚的说（我一向很谦虚的）：想要理解我编的程序，不是一般人能做到的。在我的程序中，使用了大量的独特算法，富有个性的变量、函数的命名方式，同时，我没有时间给程序作注释！

这名程序员在耗费了60余磅体重（三个月没有吃东西，一吃就吐），14英寸身高（在计算机屏幕前弓着背坐了三个月）后，终于。。。。。。（尽管他的绰号叫 “开心的汤姆”）死掉了。据现场的目击者介绍，在他生命的最后一刻，跪倒在电脑台前，双手高举过头顶，然后，趴倒在地上，抬起头，表情安详的对着屏幕说： “英雄!I服了YOU!

尸体解剖时医生发现此人的大脑呈现海绵状，但他从出生就从没吃过任何与肉（牛肉、羊肉、猪肉、鱼肉、鸡肉。。。。。。以及人肉）有关的食物。为此该医生发表了一篇论文《后天性用脑过度缺损综合症》。据悉，凭借该论文，该医生已被内定为下届诺被儿医学奖得主。

微硬公司总裁“比你-该死”听说后，利用三个星期的时间，读懂了我的系统中的一个模块，大喜过望，从中领会到软件设计的精髓，决定推出“.not”计划以对抗“.net”。公司股票在消息发布的两分钟内，暴涨10（此处省略三百二十万字）0％。预计到2100年国际贸易将全部放弃货币，改为采用微硬的股票，各国央行全部以微硬的股票作为外汇储备。

一位不知名的物理学家躺在浴缸中读懂我的用户需求分析，系统设计书后，突然跳起来，光着身子跑到大街上，欣喜若狂地喊道：“我找到了！我找到了！”。他成为全世界第十三名真正理解“量子力学”的人。其发表的论文《程序设计与用户需求的测不准原理》成为程序员的圣经，并被世界计算机联合会指定为系统分析员考试用教材。

一位气象学家浏览了我的程序的界面后，茅塞顿开。完成了基于“混沌”理论的“北极蝴蝶飞行轨迹影响好望角飓风”的数学模型，并在成功地预报了2002年全球各主要股市的走势（不包括深、沪两市）后，被索洛死指定为量子基金会的接班人（写入量子基金会会章）。

消息传开，我的有关程序设计的各种资料以各种形式广为流传。由于这些信息在网络上频繁交换，全球共有300万台服务器的CPU被烧毁，鹰的耳公司被迫赔偿4948（死就死吧）亿股微硬股票。

一名建筑师通过我的源程序获得灵感，建造了一个迷宫主题公园。对于走出迷宫的游客奖赏10000亿股微硬股票。“截至目前为止，据不完全统计，已经有十二亿三千余万游客在一年时间里陆陆续续进入迷宫，尚无有关领取奖品的报道”（摘自“联合国人口促进委员会有关人口流失的报告”）。

在阅读我的用户手册后，一名音乐家成功地复原了著名钢琴曲《黑色的星期五》。当第100万个在阅读我的用户手册时听钢琴曲《黑色的星期五》的跳楼者诞生后，该音乐家被以“恐怖分子”的罪名逮捕，现被关押在纽约世贸大楼南楼的地下室。

当听完我当初与公司经理进行交涉的谈话录音后，小不死为“倒沙”战争制定了计策：命令全国各媒体公开猜测军事计划，并冠之以“据军方高层透露”。以便将沙打亩彻底搞晕。

联合国秘书长将傻聋和阿拉Fat召集在一起，要求他们选择给我的程序添加注释或是在和平协议上签字。。。。。。我被提名下届诺被儿和平奖。

IBM公司为良好运行我的程序，决定斥巨资进行超超超级计算机的研制。预期性能：采用P42.8G阵列（4294967296个），内存4T字节，1MT容量的硬盘。
===================================
注，这一段写的太白痴了，看来原作者对硬件知之甚少。不过，既然是笑话，大家不妨一笑而过。

经过细致研究我当年的投标书和我所完成的程序功能，一名大导演以超豪华的阵容拍摄了一部巨片（巨烂片的简称）《英雌》，并进行了空前的炒作。

而这家公司的老板将我与他合作的全部过程写成了回忆录，题目叫作《企业要倒闭，就作ERP》。凭其版权收入的税收，使得美国的所得税增幅高达1000％。

俱往已。尽管我为世界作出了如此警世骇俗的贡献，但我毅然回国，在一个只有5台电脑的小网吧里工作，并因在一个月里为电脑全部安装完网络协议而赢得广大网友的尊敬。

逛奔的蜗牛 2010-12-17 18:06 发表评论

Javascript：在整个网站中屏蔽右键等

逛奔的蜗牛 — Thu, 16 Dec 2010 19:42:00 GMT

<html>    
<head>    
   <meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312">    
   <noscript><meta  http-equiv="refresh"  content="0;url=about:noscript">noscript>    
   <title>屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键title>    
head>    
<body>    
   
<script  language="Javascript">
DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Titletitle>

<link rel="stylesheet" type="text/css" href="../jquery.jqplot.css" />
<link rel="stylesheet" type="text/css" href="examples.css" />



<script language="javascript" type="text/javascript" src="../jquery-1.4.2.min.js">script>



<script language="javascript" type="text/javascript" src="../jquery.jqplot.js">script>
<script language="javascript" type="text/javascript" src="../plugins/jqplot.logAxisRenderer.js">script>
<script language="javascript" type="text/javascript" src="../plugins/jqplot.canvasTextRenderer.js">script>
<script language="javascript" type="text/javascript" src="../plugins/jqplot.canvasAxisLabelRenderer.js">script>
<script language="javascript" type="text/javascript" src="../plugins/jqplot.canvasAxisTickRenderer.js">script>
<script language="javascript" type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.js">script>
<script language="javascript" type="text/javascript" src="../plugins/jqplot.categoryAxisRenderer.js">script>
<script language="javascript" type="text/javascript" src="../plugins/jqplot.barRenderer.js">script>

<script language="javascript" type="text/javascript" src="../plugins/jqplot.pieRenderer.js">script>
<script language="javascript" type="text/javascript" src="../plugins/jqplot.pointLabels.js">script>

<style type="text/css">
.jqplot-point-label {white-space: nowrap;}
/*
.jqplot-yaxis-label {font-size: 14pt;}
.jqplot-yaxis-tick {font-size: 7pt;}
*/
.jqplot { margin: 20px;}
style>
    
<script type="text/javascript">
$(function() {
    line2 = [
        ['1/1/2008', 42], 
        ['2/14/2008', 56], 
        ['3/7/2008', 39], 
        ['4/22/2008', 86],
        ['5/2/2008', 86],
        ['6/12/2008', 45],
        ['7/18/2008', 1],
        ['8/22/2008', 49],
        ['9/22/2008', 57],
        ['10/10/2008', 86],
    ];
    
    plot2 = $.jqplot('chart2', [line2], {
      axes: {
        xaxis: {
          autoscale: true,
          renderer: $.jqplot.DateAxisRenderer,
          label: 'Incliment Occurrance',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
          tickRenderer: $.jqplot.CanvasAxisTickRenderer,
          tickOptions: {
          // labelPosition: 'middle',
          angle: 15
          }
          
        },
        yaxis: {
          label: 'Incliment Factor',
          labelRenderer: $.jqplot.CanvasAxisLabelRenderer
        }
      }
    });
    
    // pie
    s1 = [['a', 2], ['b', 1], ['c', 3], ['d', 3]];
    
    plot1 = $.jqplot('chart1', [s1], {
        captureRightClick: true,
        seriesDefaults:{
            renderer:$.jqplot.PieRenderer,
            shadow: true,
            rendererOptions:{
                startAngle: 0,
                sliceMargin: 2,
                highlightMouseDown: true
            }
        },
        legend: {
            show: true,
            //location: 'e',
            //placement: 'outside'
        }      
    });
});
script>
head>

<body>
    <div id="chart1" style="margin-top:20px; margin-left:20px; width:300px; height:300px;">div>
    <div class="jqplot" id="chart2">div>
body>
html>

逛奔的蜗牛 2010-11-11 19:00 发表评论

JavaScript：跳动的小球: Bounce效果

逛奔的蜗牛 — Wed, 10 Nov 2010 23:16:00 GMT

DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Titletitle> <style type="text/css"> *{ padding: 0px; margin: 0px; } body, html { font-family: arial; font-size: 14px; } a, a:active, a:focus { outline:none; blr:expression(this.onFocus=this.blur()); } #div { position: absolute; top: 20px; left: 20px; width: 40px; height: 40px; background-color: black; border-radius: 50px; } style> <script src="js/jquery.js">script> <script src="js/jquery.easing.js">script> <script type="text/javascript"> $(function() { var x = $(window).width() / 2; var y = $(window).height() / 2; // queue设置为false，这样水平和垂直的动画同时进行 $("#div").animate({left: x}, {queue: false, duration: 2000, easing: "linear"}).animate({top: y}, 2000, "easeOutBounce"); //$("#div").animate({left: x}, 2000, "linear").animate({top: y}, 2000, "easeOutBounce"); }); script> head> <body> <div id="div">div> body> html>

逛奔的蜗牛 2010-11-11 07:16 发表评论

JavaScript：How To Create Circular Image Galleries With jQuery(非常酷)

逛奔的蜗牛 — Tue, 09 Nov 2010 20:56:00 GMT

摘要: jQuery Roundrr – How To Create Circular Image Galleries With jQuery224TOP5Kretweet13,091Delicous: 185Posted on October 10, 2010 in: Web Development|Jump To Comments Hey guys. Quit... 阅读全文

逛奔的蜗牛 2010-11-10 04:56 发表评论

JavaScript：使用jQuery解决opacity在不同浏览器的兼容性

逛奔的蜗牛 — Tue, 09 Nov 2010 20:51:00 GMT

摘要: css中opacity在Safari, Firefox, Opera里都可以使用，但是IE中不行，在IE里要使用filter，但是如果使用jQuery就可以解决不同浏览器的兼容$("#xx").css("opacity", 0.7);How to create a stunning and smooth popup using jQuery September 26th, 2008Now... 阅读全文

逛奔的蜗牛 2010-11-10 04:51 发表评论