js能做的事情太多了，每天都有新发现呀
不知大家有没有玩过任天堂的超级玛莉，super mario
不过这次有个很有意思的网页版本： 超级玛莉

非技术人员看到这里可以停了，去玩玛莉吧。
网络开发者可以继续：
这个游戏的实现（声音+图形界面），没有使用任何一个图片和音乐文件！！
所有图片和声音效果的实现，是用纯js代码的……
请看这个文件：mario.js

其中的声音是应用了 data: URLs 实现，把声音文件base64编码后，放入js文件，然后通过动态创建embed元素实现：
aSounds = [
    // very small, very simple mario theme. Sequenced by Mike Martel.
    "data:audio/mid;base64,TVRoZAAAAAYAAQAEA.....",

    "data:,",
    // game over. Sequenced by John N. Engelmann.
    "data:audio/mid;base64,TVRoZAAAAAYAA......"
],

playMusic = function(iSoundID, bLoop) {
    if (!bMusic) return;
    var oEmbed = dc("embed");
    oEmbed.src = aSounds[iSoundID];
    oEmbed.id = "sound_" + iSoundID;
    if (bLoop) oEmbed.setAttribute("loop", "true");
    oEmbed.setAttribute("autostart", "true");
    oEmbed.style.position = "absolute";
    oEmbed.style.left = -1000;
    appChild(document.body, oEmbed);
}

图片文件的实现比声音更有意思一点，有点像我想象中的gif文件编码：

• 把图片按照像素级别看待，图片是一个 x*y 的像素点的矩阵


• 搜集图片中使用的所有颜色，并编号，例如 0=#000000,1=#FF0000, 2=#FF3245 (不影响质量的情况下，颜色数要尽量少，文件才小)


• 把编号转换成二进制编码，相当于 00=#000000,01=#FF0000,10=#FF3245，此时图片仍然是一个 x*y 的矩阵，不过每个点都是一个二进制数


• 去掉这个矩阵中所有的换行，图片转换成一个长二进制数，就像00110001010101001


• 对这个二进制数进行base128编码，极大缩短长度，得到类似这样的一个字符串 "¢,6< R¤"


• js需要显示图片的时候，只要有 颜色表、图片宽度 这两个信息，就可以把字符串转换回图片像素矩阵信息


• 利用canvas或者html+css按像素画出图片

按我的想象，操作系统对于图片的实现，应该也是类似的方式了，至少gif是这样的。因为gif也有颜色表的概念，颜色越少，图片文件越小。

嘿嘿，有点意思，js能做的事越来越多了

扩展阅读：Embedding and Encoding in JavaScript