Browsed by
分类： Web开发

把Flash转成Javascript/HTML5

把Flash转成Javascript/HTML5

评论 15 条评论 15,485 人阅读

SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成Javascript/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了这样一个玩意。目前，这个开源软件还在开发阶段，在其主页上，你可以看到一些Demo，在Chrome上看上去很不错，虽然还有一些小问题，不过已经很不错了。

HTML5几乎颠覆了原来的HTML，其可以让你用HTML不单单只是做网页布局，而且还让你可以开发更强的东西，比如：WebSockets，使用这项技术，已经有人在搞Web版的Quake 2了（http://code.google.com/p/quake2-gwt-port/），还有Google的3D Javascript API，所以，把swf完美地转成Javscript/HTML5可能也只是一个时间问题。

虽然，HTML5还在draft阶段，而且很多东西都和flash重复了。所以，加上iPhone的推波助澜，发生这样的事情也不奇怪，不知道adobe会怎么想？也许adobe目前对其AIR或是Actionscript还抱有希望，虽然有这样一篇文章力挺Flash，但未来真的不好说，adobe会使用HTML5/Javascript来作为其flash的引擎吗？如果不这样的话，我相信总有一天，会有人开发出HTML5/Javascript的IDE。而且，有理由相信，一旦在未来所有的浏览全面支持HTML5，那么我们可以想像，这个世界可能几乎所有的桌面应用都会被Web所取代，这个进程可能会越来越快。让我们拭目以待。

好烂啊有点差凑合看看还不错很精彩 (11 人打了分，平均分： 3.45 )
Loading...
HTML 安全列表

HTML 安全列表

评论 11 条评论 15,801 人阅读

下面这个网站罗列了，几乎所有的关于HTML 5 在各种主流浏览器上的安全问题，这些安全问题很有可能将会是黑客攻击你的网上的敲门砖，他们几乎都和Javascript都有关系，你就要好好注意了。

http://heideri.ch/jso/

下面罗列几个：

1）<table background=”javascript:alert(1)”>

IE6，7，8，9，和Opera 8.x, 9.x, 10.x 都支持这样的语法。

2）<meta charset=”mac-farsi”>¼script¾alert(1)¼/script¾

这个问题会存在于所有的Firefox版本中，可以让用户进行XSS（跨站脚本）攻击

3）<script>&amp;#x61;l&amp;#x65;rt&amp;#40;1)</script>

在<script>和<style>的TAG间，根据标据，其可以使用这样的字符来运行脚本。这在所有版本的Firefox, Opera, 和 Chrome中都会有问题。

…

阅读全文 Read More

好烂啊有点差凑合看看还不错很精彩 (9 人打了分，平均分： 3.67 )
Loading...
写HTML和CSS的新方法

写HTML和CSS的新方法

评论 20 条评论 13,629 人阅读
Zen Coding 一个用来简化编写 HTML，XML， XSL （或是其它一些诸如此类格式的编辑器）。其主要是用一种缩写方式的语法来书写大量重复和无味的HTML，很像CSS语法。下面是一个例子：
div#page>div.logo+ul#navigation>li*5>a
展开后会成为下面这个样子：
<div id="page">
        <div></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>
可以看出来，#代表ID，>代表下一层。
好烂啊有点差凑合看看还不错很精彩 (6 人打了分，平均分： 3.00 )
Loading...
一个jQuery的插件

一个jQuery的插件

评论 23 条评论 17,205 人阅读

jQuery这个强大的玩意我就不多说了，不知道可以上网搜搜看。IE6我也不多说了，这可能是史上骂名最多的一个浏览器，网上有N多的声讨IE6的文章，你也可以参看本站的《9个最常见IE的Bug及其fix》和《IE的CSS相关的BUG》，如果你今天还在用IE6，或是IE类浏览器，那请让我小小的BS你一下。

这个jQuery的Plugin可能是有史以来所有plugin中最有个性的一个，因为这个plugin什么也不干，其会用户的IE6版的浏览器直接Crash掉。这个plugin叫jQuery Crash，其网页链接在下面，是一个四星级的插件，仅仅435个字节。

http://plugins.jquery.com/project/crash

其是这样介绍自己的，有脏话，我就不翻译了。

A jQuery plugin for crashing IE6. That’ll teach those motherf!%@*#s to upgrade their s#*t.

其它，让IE系例的浏览器挂掉，并不需要Javascript，你可以尝试点击下面这个页面，这是一个纯HTML的页面，没有任何的CSS，或是JS的东西，只有HTML。请小心打开（如果在Firefox中打开也可能会挂，Chrome中没事）

http://www.gregmerideth.net/html/iecrash.html

这个纯HTML的来源是本来是作者写了一个程序生成了一个N层嵌套的表格，结果在IE5中导致了IE5不响应直到Crash并使用了100%的CPU资源，这么多年过去了，还是老样子，在我的dual-core+IE7上，也是一样，占了50%的CPU，而且还有很高的内核使用，最后只能把进程给kill了。BT啊，纯HTML都会让IE这样。

好烂啊有点差凑合看看还不错很精彩 (12 人打了分，平均分： 3.50 )
Loading...
史上最糟糕的网站

史上最糟糕的网站

评论 34 条评论 35,103 人阅读

下面罗列了一些可能是史上最糟糕的网站，当你打开这些网站的时候，请不要太过惊讶，你可以尝试着欣赏一下，不可否认，如果你使劲全力去欣赏，你还是可以找到一些亮点的。呵呵。

  1. http://www.shufsd.org/，这个网站让我想到了我97年在大学里开始学习HTML的时光，该网页的风格可能比当时我做的还要好一些，不过基本上是很类似的。
  2. http://www.havenworks.com/，这个网站呢？先介绍这个网站主要是让你对后面的网站有个过渡，老实说，这个网站比起后面的来说，还算可以了。这个网站教会我们如何分类网页上的信息
  3. http://www.arngren.net/，这个网站教你如何在固定空间的网页上放置更多的信息。这好像是我们日常生活当中经常出现的问题，如何把更多的东西放进一个固定的箱子里，我们不停地调整着物品摆放的位置和顺序……
  4. http://www.team2stool.com/，开始了，这个网站教会我们如何把图片无序地组织起来。
  5. http://yvettesbridalformal.com/index.htm，嗯，初看起来吓一大跳，这个网页教你如何制作一个惊悚的网页，不过往细里看，看久一会，你会发现，这个网页设计得很的印象派的风格，也许是一种艺术。
  6. http://www.dokimos.org/ajff/，什么叫炫，这就叫炫，太炫了，眼睛就炫花了。打开这个网页的时候，要注意浏览器上边的提示条，耶稣真的很强大啊。
  7. http://www.belladesoto.us/，打开这个网页要小心啊，因为这个网页可能比BT下载还猛，据说可能会占用你半GB的带宽。小心啊。
  8. http://www.superbad.com/，这可能是史上最无厘头的网页了，不知道这个网站要干什么，找到可以点的地方点吧，打开一个网页，再点击其中的链接，又打开一个网页，不一会儿你就会在一层又一层的网页中迷路了，好在每次打开的网页都风格迥然，倒也不会觉得单一。

你还知道一些BT的网站吗？欢迎和我们一样分享。

好烂啊有点差凑合看看还不错很精彩 (37 人打了分，平均分： 4.14 )
Loading...
又一个Javascript试验田

又一个Javascript试验田

评论 10 条评论 14,875 人阅读

以前本站发布过一篇《哥是玩程序的》文章向大家展示了用Javascript干的些怪异的事。看来，这样的人并不在少数，这不，我又发现了一个，这回这个好像更有技术含量一些，下面是其试验程序的列表：

http://www.andrew-hoyer.com/experiments


Bacon and Eggs Thumbnail
 Simple Sudoku Solver 这是一个“数独游戏”，其在你游戏的过程中可以在空格处提示你可能的数字。

February 2010

Bacon and Eggs Thumbnail
 Cloth Simulation 这是一个极端的布料仿真程序。使用鼠标拖曳，按着g键拖曳可以把布悬挂起来。

August 2009

…

阅读全文 Read More

好烂啊有点差凑合看看还不错很精彩 (7 人打了分，平均分： 3.29 )
Loading...
BT工作原理演示

BT工作原理演示

评论 11 条评论 14,541 人阅读
下面这个网站使用Javascript编写了一个BT工作原理演示动画程序。当然，你可能需要使用Chrome浏览器打开，因为他真的很耗CPU。在我的双核（2GHz）T60电脑上用Chrome打开CPU一下就被耗了50%左右。
http://mg8.org/processing/bt.html
下面是我截的一个图，每个圆代表一个结点，其会通过其它结点下载需要的文件段。结点中间的那个Bar有点类似于eDonkey中的下载进度条。至于为什么要用像彩虹一样的颜色，主要是为了让你看到不同的段是从不同的结点下载的。
你可以按热键S来加入一个下载完了的结点，用P来加入一下空结点，按R来删除一个结点（有点慢，要等10秒左右吧）。
BT工作原理演示动画

关于其它Javascript的一些小玩意，你可以看看这篇文章。

好烂啊有点差凑合看看还不错很精彩 (7 人打了分，平均分： 2.71 )
Loading...
一个Windows 3.1的Web网站

一个Windows 3.1的Web网站

评论 13 条评论 16,704 人阅读

啥也不说了，请大家围观下面这个网站吧。

http://www.michaelv.org/

打开这个网站，你会看到N年前DOS时代的Windows 3.1的界面，居然还可以扫雷，呵呵。真应了那句话——“只要是可以被Javascript实现的应用或程序，最终都会被Javascript所实现”。另，关于其它Web上更为疯狂的程序，可以查看本站的这篇文章。还有这个在线的IDE。下面是win3.1的截图：

 

好烂啊有点差凑合看看还不错很精彩 (11 人打了分，平均分： 3.36 )
Loading...
Web程序的最佳测试数据

Web程序的最佳测试数据

评论 1 条评论 8,798 人阅读

这里有一篇Matthias写的关于转义字符文章-“The art of escaping”，这篇文章告诉你有一些比较特殊的字符需要你去认真的处理，不然，你的网站程序轻则出错，重则被人黑了。这些物殊的字符是[<"@%'&_\?/:;,>কী €] ，你可以使用这个字符串到任意一个可以输入的Web程序上去做测试。

下面这个表格告诉你为什么这些字符很特殊。这个列表不会是完整的，而且也永远不会完整。

相关领域 转义字符
HTML < , > , &
JSON “
SQL in mySql 字符串 “, ‘, 通配符 %, _
rfc 1738 for URL-parameter ;, /, ?, :, “, @, =, & 空格


把这些转义字符放在一起，然后再整些 utf-8 的一些特殊字符。这些utf-8的字符你可以参看本站的Unicode字符预览表一文，并从中获取。另外，你还可以使用下面的这些工具来对你的程序进行调试或检查：

如果上面的工具都不能帮助你的话，你可能需要打调试日志，或是使用一个透明的代理服务器：如： Charles Web Debugging Proxy （Windows）

（全文完）

好烂啊有点差凑合看看还不错很精彩 (9 人打了分，平均分： 3.33 )
Loading...