来源：蜘蛛抓取(WebSpider)
时间：2015-07-04 08:11
标签：
adobe muse 破解
来自子话题：
&blockquote&Tengine是由淘宝网发起的Web服务器项目。它在&a href=&http://nginx.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Nginx&i class=&icon-external&&&/i&&/a&的基础上，针对大访问量网站的需求，添加了很多高级功能和特性。Tengine的性能和稳定性已经在大型的网站如&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&淘宝网&i class=&icon-external&&&/i&&/a&，&a href=&& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&天猫商城&i class=&icon-external&&&/i&&/a&等得到了很好的检验。它的最终目标是打造一个高效、稳定、安全、易用的Web平台。&/blockquote&这实际上是 Tengine 中“concat”模块的功能，并非利用 php 实现。楼主可以看这里：&br&&a href=&http://tengine.taobao.org/document_cn/http_concat_cn.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&组合多个CSS、JavaScript文件的访问请求变成一个请求&i class=&icon-external&&&/i&&/a&&br&&br&如果没有条件使用 Tengine 服务端，用 php 实现也并不困难，只是要注意安全性问题（如访问 ??1.php 时避免直接输出 1.php 文件的内容）。&br&&br&我们在发布一个网站的时候，通常会将所有用到的 css 文件，以及 js 文件进行压缩、合并，这样的目的是为了减少 HTTP 请求次数。&br&&br&而在开发网站的时候，为了确保模块化，也为了调试方便，不可能将所有的内容都合并到一起压缩处理，这也就是为什么很多时候我们都要保留两种版本的文件（压缩、合并后的版本和未经压缩、合并的版本），比如 jQuery。&br&&br&但是这样操作起来实际上很麻烦，在网站投入运营之前，我们必须把版本切换至压缩、合并后的版本，要调试的时候，又要切换回来；每次修改了某个文件，即便改了一点点，也需要重新进行压缩、合并操作。&br&&br&Tengine 的这项技术就解决了这个问题，类似于“按需”合并。更详细的内容可以看一下淘宝的文档。
Tengine是由淘宝网发起的Web服务器项目。它在的基础上，针对大访问量网站的需求，添加了很多高级功能和特性。Tengine的性能和稳定性已经在大型的网站如，等得到了很好的检验。它的最终目标是打造一个高效、稳定、安全、易用的Web平台。…
来自子话题：
&p&1. 编辑器里边推荐sublime，这是通过自己的简单配置，能够顺手使用的一款，界面炫酷，主题漂亮，体验给力。&/p&&p&2. 另外vim,emacs,textmate入门曲线比较陡，不建议使用。&/p&&p&3. 另外简单点的：notepad++,editplus，选那个区别不大。notepad++有黑色主题，editplus启动还是那么快。&/p&&p&4. webstorm,phpstorm,intellijdea，随便选一款，都差不多。分别支持不同的后台语言而已。&/p&&p&而web前端开发乃及其它的相关开发，推荐&a href=&/jikeytang/sublime-text& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sublime text&i class=&icon-external&&&/i&&/a&, webstorm(jetbrains公司系列产品)这两个的原因在于，有个技术叫emmet, &a href=&http://docs.emmet.io& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Emmet Documentation&i class=&icon-external&&&/i&&/a&，而这两个对他的支持是：&/p&&p&sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。&/p&&p&webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。&/p&&br&&br&然后还是那句话：编程的核心是代码，代码的灵魂是算法或数据结构，所以你懂得，随便选一款得了。 &br& phpstorm，idea包括所有webstorm的功能。只是phpstorm是针对phper的，idea是针对javaer，webstorm针对前端er。 &br&&br&&p&一. css工具:&/p&&p&1. emmet &a href=&http://docs.emmet.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Emmet Documentation&i class=&icon-external&&&/i&&/a&&/p&&p&a. 可以以插件的形式安装在dreamweaver,notepad++,editplus,&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&sublime&i class=&icon-external&&&/i&&/a&各个编辑器上。&/p&&p&&a href=&http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Zen Coding: 一种快速编写HTML/CSS代码的方法&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://www.qianduan.net/the-zen-coding-renamed-as-emmet.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zen coding更名为emmet，新加更多特性&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://www.qianduan.net/zen-coding-update-to-0-7.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zen coding更新到 0.7&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://www.qianduan.net/zen-coding-resources-to-update.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zen coding资源更新&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://www.qianduan.net/zen-coding-for-dreamweaver-plug-in-tutorial.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&zen coding的dreamweaver插件安装教程&i class=&icon-external&&&/i&&/a&&/p&&p&emmet在sublime上的效果：&/p&&p&1). css ：他与其它编辑器的区别在于细节上，比如ctrl,alt+方向键可以修和里边的数值&/p&&p&2). html 效果：&/p&&p&3). sublime的emmet规则修改：&/p&&p&packages-&Emmet-&emmet-&snippets.json&/p&&p&b. 只有一个例外jetbrain公司的产品线：webstorm,phpstorm,intellij idea都是内置的，不需要安装。&/p&&p&1).&/p&&p&写js的效果：&/p&&p&2). webstorm的emmet规则修改：Files -& settings -& Live Templates&/p&&br&&p&另外对前端开发感兴趣的加这个群：&/p&
1. 编辑器里边推荐sublime，这是通过自己的简单配置，能够顺手使用的一款，界面炫酷，主题漂亮，体验给力。2. 另外vim,emacs,textmate入门曲线比较陡，不建议使用。3. 另外简单点的：notepad++,editplus，选那个区别不大。notepad++有黑色主题，editplus启…
来自子话题：
// 感谢 &a data-title=&@ReVanTis& data-editable=&true& class=&member_mention& data-hash=&cb518f0e33f& href=&/people/cb518f0e33f& data-tip=&p$b$cb518f0e33f&&@ReVanTis&/a& 提示&br&&br&首先，将需要导入的 HTML 文件放入某个文件夹，如：「C:\下载\zhihu_bak」。&br&然后，在 Evernote 桌面应用中：&br&&ol&&li&「菜单 - 工具 - 导入文件夹...」&/li&&li&「添加」并选择「C:\下载\zhihu_bak」&/li&&/ol&此时，每个 HTML 文件（完整页面）便会依次以独立的笔记内容被导入 Evernote&br&&br&--
更新 --&br&&br&当使用「为知笔记 Windows 版」导出 HTML时，如果选择的编码是 Unicode，则在导入 Evernote 后内容全无。但如果选择的编码是 UTF-8，则内容正常。
提示首先，将需要导入的 HTML 文件放入某个文件夹，如：「C:\下载\zhihu_bak」。然后，在 Evernote 桌面应用中：「菜单 - 工具 - 导入文件夹...」「添加」并选择「C:\下载\zhihu_bak」此时，每个 HTML 文件（完整页面）便会依次以独立的…
来自子话题：
SCSS 之类的预处理器本身就是为了生成 CSS 而设计的。&br&&br&它的优势在于开发效率高。对于一些样式复杂的站点，用 SASS 之类的工具生成代码比手写 CSS 快得多。但是 SASS 不是为了取代 CSS 而生的，它是为了服务 CSS 而生。&br&&br&或者类比一下，机器不能直接执行 C，它执行的是编译后的机器码。浏览器也不能直接渲染 SCSS，它渲染的是编译出来的 CSS。&br&&br&不过 SCSS 与 CSS 的关系和&a class=&member_mention& data-hash=&ef91a2808287eba6d1b91fd7df126365& href=&/people/ef91a2808287eba6d1b91fd7df126365& data-tip=&p$b$ef91a2808287eba6d1b91fd7df126365&&@郑诚&/a&所说的「jquery永远不可能取代javascript」有一点区别。 jQuery 是一个 JavaScript 的库而非生成 JavaScript 的工具，它是用 JavaScript 开发出来的；而 CSS 是标记语言。CSS 的一些框架如 lessframework 或者 normalize，它们之于 CSS 的关系更像 jQuery 之于 JavaScript。
SCSS 之类的预处理器本身就是为了生成 CSS 而设计的。它的优势在于开发效率高。对于一些样式复杂的站点，用 SASS 之类的工具生成代码比手写 CSS 快得多。但是 SASS 不是为了取代 CSS 而生的，它是为了服务 CSS 而生。或者类比一下，机器不能直接执行 C，它…
来自子话题：
泻药&br&&br&background-attachment:&br&不是让背景图相对视口固定么&br&&br&然后它的容器有margin auto 啥的&br&再固定位置&br&margin l/r 根据布局计算块显示位置的&br&&br&然后缩小放大窗口&br&宽固定了&br&margin l/r 的得变吧&br&&br&然后容器就左右移动了&br&它的背景图被fix了不动了&br&所以就相当于背景图开窗显示了一部分&br&&img src=&/71f65a2e16bb48c6ee3aab_b.jpg& data-rawwidth=&308& data-rawheight=&387& class=&content_image& width=&308&&&br&竖立起若干宽度不一的此类容器&br&&img src=&/ff87ef1ccb38e33aeda35_b.jpg& data-rawwidth=&544& data-rawheight=&333& class=&origin_image zh-lightbox-thumb& width=&544& data-original=&/ff87ef1ccb38e33aeda35_r.jpg&&&br&根据背景图初始定位偏移&br&组成这样的效果。
泻药background-attachment:不是让背景图相对视口固定么然后它的容器有margin auto 啥的再固定位置margin l/r 根据布局计算块显示位置的然后缩小放大窗口宽固定了margin l/r 的得变吧然后容器就左右移动了它的背景图被fix了不动了所以就相当于背景图…
来自子话题：
&img src=&/52eb41b5a8fc27f37cc422c2526098df_b.jpg& data-rawheight=&341& data-rawwidth=&445& class=&origin_image zh-lightbox-thumb& width=&445& data-original=&/52eb41b5a8fc27f37cc422c2526098df_r.jpg&&&br&业界良心
来自子话题：
&div class=&highlight&&&pre&&code class=&language-python&&&span class=&c&&# -*- coding:utf-8 -*-&/span&
&span class=&k&&class&/span& &span class=&nc&&Image2Binary&/span&&span class=&p&&(&/span&&span class=&nb&&object&/span&&span class=&p&&):&/span&
&span class=&k&&def&/span& &span class=&nf&&__init__&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&p&&):&/span&
&span class=&k&&pass&/span&
&span class=&k&&def&/span& &span class=&nf&&read_file&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&p&&,&/span& &span class=&n&&infile&/span&&span class=&p&&,&/span& &span class=&n&&mode&/span&&span class=&o&&=&/span&&span class=&s&&'rb'&/span&&span class=&p&&):&/span&
&span class=&n&&data&/span& &span class=&o&&=&/span& &span class=&bp&&None&/span&
&span class=&k&&with&/span& &span class=&nb&&open&/span&&span class=&p&&(&/span&&span class=&n&&infile&/span&&span class=&p&&,&/span& &span class=&n&&mode&/span&&span class=&p&&)&/span& &span class=&k&&as&/span& &span class=&n&&f&/span&&span class=&p&&:&/span&
&span class=&n&&data&/span& &span class=&o&&=&/span& &span class=&n&&f&/span&&span class=&o&&.&/span&&span class=&n&&read&/span&&span class=&p&&()&/span&
&span class=&k&&return&/span& &span class=&n&&data&/span&
&span class=&k&&def&/span& &span class=&nf&&write_file&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&p&&,&/span& &span class=&n&&data&/span&&span class=&p&&,&/span& &span class=&n&&outfile&/span&&span class=&p&&,&/span& &span class=&n&&mode&/span&&span class=&o&&=&/span&&span class=&s&&'wb'&/span&&span class=&p&&):&/span&
&span class=&k&&with&/span& &span class=&nb&&open&/span&&span class=&p&&(&/span&&span class=&n&&outfile&/span&&span class=&p&&,&/span& &span class=&n&&mode&/span&&span class=&p&&)&/span& &span class=&k&&as&/span& &span class=&n&&f&/span&&span class=&p&&:&/span&
&span class=&n&&f&/span&&span class=&o&&.&/span&&span class=&n&&write&/span&&span class=&p&&(&/span&&span class=&n&&data&/span&&span class=&p&&)&/span&
&span class=&k&&def&/span& &span class=&nf&&image2binary&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&p&&,&/span& &span class=&n&&data&/span&&span class=&p&&):&/span&
&span class=&k&&return&/span& &span class=&s&&''&/span&&span class=&o&&.&/span&&span class=&n&&join&/span&&span class=&p&&([&/span&&span class=&s&&'{0:08b}'&/span&&span class=&o&&.&/span&&span class=&n&&format&/span&&span class=&p&&(&/span&&span class=&nb&&ord&/span&&span class=&p&&(&/span&&span class=&n&&i&/span&&span class=&p&&))&/span& &span class=&k&&for&/span& &span class=&n&&i&/span& &span class=&ow&&in&/span& &span class=&n&&data&/span&&span class=&p&&])&/span& &span class=&k&&if&/span& &span class=&n&&data&/span& &span class=&k&&else&/span& &span class=&bp&&None&/span&
&span class=&k&&def&/span& &span class=&nf&&binary2image&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&p&&,&/span& &span class=&n&&data&/span&&span class=&p&&):&/span&
&span class=&k&&return&/span& &span class=&s&&''&/span&&span class=&o&&.&/span&&span class=&n&&join&/span&&span class=&p&&([&/span&&span class=&nb&&chr&/span&&span class=&p&&(&/span&&span class=&nb&&int&/span&&span class=&p&&(&/span&&span class=&n&&data&/span&&span class=&p&&[&/span&&span class=&n&&i&/span&&span class=&p&&:&/span&&span class=&n&&i&/span& &span class=&o&&+&/span& &span class=&mi&&8&/span&&span class=&p&&],&/span& &span class=&mi&&2&/span&&span class=&p&&))&/span& &span class=&k&&for&/span& &span class=&n&&i&/span& &span class=&ow&&in&/span& &span class=&nb&&range&/span&&span class=&p&&(&/span&&span class=&mi&&0&/span&&span class=&p&&,&/span& &span class=&nb&&len&/span&&span class=&p&&(&/span&&span class=&n&&data&/span&&span class=&p&&),&/span& &span class=&mi&&8&/span&&span class=&p&&)])&/span& &span class=&k&&if&/span& &span class=&n&&data&/span& &span class=&k&&else&/span& &span class=&bp&&None&/span&
&span class=&k&&if&/span& &span class=&n&&__name__&/span& &span class=&o&&==&/span& &span class=&s&&'__main__'&/span&&span class=&p&&:&/span&
&span class=&n&&infile&/span& &span class=&o&&=&/span& &span class=&s&&'test.jpg'&/span&
&span class=&n&&outfile&/span& &span class=&o&&=&/span& &span class=&s&&'test_out.jpg'&/span&
&span class=&n&&image&/span& &span class=&o&&=&/span& &span class=&n&&Image2Binary&/span&&span class=&p&&()&/span&
&span class=&n&&image_data&/span& &span class=&o&&=&/span& &span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&read_file&/span&&span class=&p&&(&/span&&span class=&n&&infile&/span&&span class=&p&&)&/span&
&span class=&n&&binary_data&/span& &span class=&o&&=&/span& &span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&image2binary&/span&&span class=&p&&(&/span&&span class=&n&&image_data&/span&&span class=&p&&)&/span&
&span class=&n&&rollback_data&/span& &span class=&o&&=&/span& &span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&binary2image&/span&&span class=&p&&(&/span&&span class=&n&&binary_data&/span&&span class=&p&&)&/span&
&span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&write_file&/span&&span class=&p&&(&/span&&span class=&n&&rollback_data&/span&&span class=&p&&,&/span& &span class=&n&&outfile&/span&&span class=&p&&)&/span&
&/code&&/pre&&/div&&br&&br&&b&无聊,贴段Python代码娱乐.&br&功能1: 将图片数据,转换成二进制数据&br&功能2: 将二进制数据,反转回图片数据.&br&&br&可以把一个图片,转成二进制数串,再重新写出原图.&br&哈哈,我承认是很无聊.&br&&br&这段代码有啥用呢.&br&我觉得吧,可以把某些高清无码的大图,转成01串,然后悄悄的...&br&&br&哈哈哈哈~&br&&br&&br&&br&&/b&&b&################
###################&br&&/b&&b&################
###################&br&&/b&&b&################
###################&br&&/b&&b&################
###################&/b&&br&&b&&b&################
###################&/b&&br&&/b&&b&&br&update:
实现提问要求.&br&&br&&/b&&div class=&highlight&&&pre&&code class=&language-python&&&span class=&c&&# -*- coding:utf8 -*-&/span&
&span class=&c&&###############################################################&/span&
&span class=&c&&# note:&/span&
&span class=&c&&# 1. 实现把 image 图片,转化成ASCII 码的图片效果.&/span&
&span class=&c&&# 2. 依赖的 Python 包: PIL&/span&
&span class=&c&&# 3. 64位的Python,无法安装PIL,需安装pillow替代PIL(导包语句不变)&/span&
&span class=&c&&###############################################################&/span&
&span class=&kn&&from&/span& &span class=&nn&&PIL&/span& &span class=&kn&&import&/span& &span class=&n&&Image&/span&
&span class=&k&&class&/span& &span class=&nc&&Image2Ascii&/span&&span class=&p&&(&/span&&span class=&nb&&object&/span&&span class=&p&&):&/span&
&span class=&k&&def&/span& &span class=&nf&&__init__&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&p&&,&/span& &span class=&n&&filename&/span&&span class=&p&&):&/span&
&span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&def_chars&/span& &span class=&o&&=&/span& &span class=&s&&&
...',;:clodxkO0KXNWMMM&&/span&
&span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&def_height&/span& &span class=&o&&=&/span& &span class=&mi&&50&/span&
&span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&image&/span& &span class=&o&&=&/span& &span class=&n&&Image&/span&&span class=&o&&.&/span&&span class=&n&&open&/span&&span class=&p&&(&/span&&span class=&n&&filename&/span&&span class=&p&&)&/span&
&span class=&k&&def&/span& &span class=&nf&&adjust_size&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&p&&,&/span& &span class=&n&&image&/span&&span class=&p&&,&/span& &span class=&n&&height&/span&&span class=&p&&):&/span&
&span class=&k&&if&/span& &span class=&n&&image&/span&&span class=&p&&:&/span&
&span class=&n&&width&/span& &span class=&o&&=&/span& &span class=&nb&&int&/span&&span class=&p&&((&/span&&span class=&n&&height&/span& &span class=&o&&*&/span& &span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&size&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&])&/span& &span class=&o&&/&/span& &span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&size&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]&/span& &span class=&o&&*&/span& &span class=&mf&&2.3&/span&&span class=&p&&)&/span&
&span class=&k&&return&/span& &span class=&p&&(&/span&&span class=&n&&width&/span&&span class=&p&&,&/span& &span class=&n&&height&/span&&span class=&p&&)&/span&
&span class=&k&&return&/span& &span class=&bp&&None&/span&
&span class=&k&&def&/span& &span class=&nf&&image2ascii&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&p&&):&/span&
&span class=&n&&result&/span& &span class=&o&&=&/span& &span class=&s&&''&/span&
&span class=&n&&new_size&/span& &span class=&o&&=&/span& &span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&adjust_size&/span&&span class=&p&&(&/span&&span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&image&/span&&span class=&p&&,&/span& &span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&def_height&/span&&span class=&p&&)&/span&
&span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&image&/span& &span class=&o&&=&/span& &span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&resize&/span&&span class=&p&&(&/span&&span class=&n&&new_size&/span&&span class=&p&&)&/span&
&span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&image&/span&&span class=&o&&=&/span& &span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&convert&/span&&span class=&p&&(&/span&&span class=&s&&'L'&/span&&span class=&p&&)&/span&
&span class=&n&&pixs&/span& &span class=&o&&=&/span& &span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&load&/span&&span class=&p&&()&/span&
&span class=&k&&for&/span& &span class=&n&&y&/span& &span class=&ow&&in&/span& &span class=&nb&&range&/span&&span class=&p&&(&/span&&span class=&n&&new_size&/span&&span class=&p&&[&/span&&span class=&mi&&1&/span&&span class=&p&&]):&/span&
&span class=&k&&for&/span& &span class=&n&&x&/span& &span class=&ow&&in&/span& &span class=&nb&&range&/span&&span class=&p&&(&/span&&span class=&n&&new_size&/span&&span class=&p&&[&/span&&span class=&mi&&0&/span&&span class=&p&&]):&/span&
&span class=&n&&result&/span& &span class=&o&&=&/span& &span class=&s&&'&/span&&span class=&si&&%s%s&/span&&span class=&s&&'&/span& &span class=&o&&%&/span& &span class=&p&&(&/span&&span class=&n&&result&/span&&span class=&p&&,&/span& &span class=&bp&&self&/span&&span class=&o&&.&/span&&span class=&n&&def_chars&/span&&span class=&p&&[(&/span&&span class=&n&&pixs&/span&&span class=&p&&[&/span&&span class=&n&&x&/span&&span class=&p&&,&/span&&span class=&n&&y&/span&&span class=&p&&]&/span&&span class=&o&&/&/span&&span class=&mi&&10&/span&&span class=&p&&)&/span&&span class=&o&&-&/span&&span class=&mi&&1&/span&&span class=&p&&])&/span&
&span class=&n&&result&/span& &span class=&o&&=&/span& &span class=&s&&'&/span&&span class=&si&&%s&/span&&span class=&se&&\n&/span&&span class=&s&&'&/span& &span class=&o&&%&/span& &span class=&n&&result&/span&
&span class=&k&&print&/span& &span class=&s&&'ACSII IMAGE:&/span&&span class=&se&&\n&/span&&span class=&s&&'&/span&&span class=&p&&,&/span& &span class=&n&&result&/span&
&span class=&k&&if&/span& &span class=&n&&__name__&/span& &span class=&o&&==&/span& &span class=&s&&'__main__'&/span&&span class=&p&&:&/span&
&span class=&n&&image&/span& &span class=&o&&=&/span& &span class=&n&&Image2Ascii&/span&&span class=&p&&(&/span&&span class=&s&&'test.jpg'&/span&&span class=&p&&)&/span&
&span class=&n&&image&/span&&span class=&o&&.&/span&&span class=&n&&image2ascii&/span&&span class=&p&&()&/span&
&/code&&/pre&&/div&&b&&br&&br&原图:&br&&img data-rawheight=&190& data-rawwidth=&190& src=&/f04aa8c09b5fe36d1d35_b.jpg& class=&content_image& width=&190&&&br&画出来的 ASCII 码图:&br&&br&&img data-rawheight=&864& data-rawwidth=&926& src=&/720b451ea026e44f4c372a4a53af5f25_b.jpg& class=&origin_image zh-lightbox-thumb& width=&926& data-original=&/720b451ea026e44f4c372a4a53af5f25_r.jpg&&&br&题图小丸子:&br&&img data-rawheight=&867& data-rawwidth=&1259& src=&/1be11cad16f0ef5686b1c_b.jpg& class=&origin_image zh-lightbox-thumb& width=&1259& data-original=&/1be11cad16f0ef5686b1c_r.jpg&&&br&&br&&br&算法不是原创,稍作修改,发来娱乐一下.&/b&
# -*- coding:utf-8 -*-
class Image2Binary(object):
def __init__(self):
def read_file(self, infile, mode='rb'):
data = None
with open(infile, mode) as f:
data = f.read()
return data
def write_file(self, data, outfile, mode=…
来自子话题：
&a href=&/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&ps插件，直接把ps矢量图层+图层样式转换成css3.最方便了，没有之一。必用&img src=&/3f592ac9a066b661ddc8487_b.jpg& data-rawwidth=&398& data-rawheight=&243& class=&content_image& width=&398&&&img src=&/dd70bdb570febff8d2890b2_b.jpg& data-rawwidth=&398& data-rawheight=&243& class=&content_image& width=&398&&&br&PS CS 13.1之后自带CSS导出功能，没有css3ps效果准确，但是可以批量导出
ps插件，直接把ps矢量图层+图层样式转换成css3.最方便了，没有之一。必用PS CS 13.1之后自带CSS导出功能，没有css3ps效果准确，但是可以批量导出
来自子话题：
客户端大多数是flash，小部分unity3d和自己开发浏览器插件或者html5。&br&&br&服务端有C/C++、Java、C#、PHP、erlang、nodejs等等，只要你想得到的基本上都有人在用。&br&&br&页游前后端一般使用TCP/IP协议，SNS游戏用HTTP协议的挺多，页游和SNS游戏在应用场景上有所不同，所以架构也会有所不同，所以SNS游戏用PHP的多，页游新兴时也是PHP的多，但是随着游戏类型多样化，需求提高，应该已经逐步没人再用PHP了。&br&&br&你说的释放技能这样一个流程：&br&1. 客户端告诉服务端释放什么技能&br&2. 服务端验证技是否能释放，比如玩家是否装配了这个技能，蓝够不够等等&br&3. 服务端按技能配置找到周围的命中对象（可能是群攻），进行扣血等操作，更新敌人和玩家的状态&br&4. 服务端发送广播给周围的客户端，告诉这些客户端发生了什么事情&br&&br&可以阅读Mozilla开源的Browser Quest这个项目，一个html5 + nodejs的游戏，完整演示了客户端服务端怎么通讯的，逻辑怎么做的，通讯怎么做的，很值得参考。&br&&br&游戏demo: &a href=&http://browserquest.mozilla.org& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&browserquest.mozilla.org&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&项目代码: &a href=&/mozilla/BrowserQuest& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/mozilla/Brow&/span&&span class=&invisible&&serQuest&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&
客户端大多数是flash，小部分unity3d和自己开发浏览器插件或者html5。服务端有C/C++、Java、C#、PHP、erlang、nodejs等等，只要你想得到的基本上都有人在用。页游前后端一般使用TCP/IP协议，SNS游戏用HTTP协议的挺多，页游和SNS游戏在应用场景上有所不同，…
来自子话题：
问题出在你的html上。按照html的解析规则，h3是不能在h2里的。所以实际的dom结构是h1+h2+h3而不是h1+h2&h3
问题出在你的html上。按照html的解析规则，h3是不能在h2里的。所以实际的dom结构是h1+h2+h3而不是h1+h2&h3
来自子话题：
&p&因为matrix除了表达translate和rotate以外，还有无穷多奇妙的变换，你这样做等于降低了无用的门槛的同时，砍掉了大量的功能。&/p&&br&&p&再说了，其实transform也可以直接指定translate和rotate的，作为快捷方式使用。&/p&&br&&p&最后，理解matrix作为变换的用法多简单，仅需线代1%的知识就可以了，只是你得自己去找哪部分是那1%，我们是不会告诉你的（逃&/p&
因为matrix除了表达translate和rotate以外，还有无穷多奇妙的变换，你这样做等于降低了无用的门槛的同时，砍掉了大量的功能。再说了，其实transform也可以直接指定translate和rotate的，作为快捷方式使用。最后，理解matrix作为变换的用法多简单，仅需线代1…
来自子话题：
认知问题不能只从一个角度出发，详解下：&br&&br&1. 这种风格主要是用于css框架，框架提供诸多功能样式，开发者调用相应的class即可表现出来。&br&2. 不推荐自己开发的时候使用这种模式，也没必要，反而表意不清楚。&br&3. 还有更夸张的，例如font-12,font-14,font-16,align-left,color-red,color-green。这种的场景是什么？&br&最近我在写一个管理系统，里面的组件基本都长得差不多，但是还是经常有定制性的小样式更改。&br&我使用了一个css框架后基本不用自己写样式了，但是一些细节样式还是需要微调，我要为这些样式单独建一个css文件么？我们的css开发都是less模块化的，如果我要给这个微调建立css，那我就需要建立N个里面只写几句css的less模块。真是蛋疼。&br&于是我们就把常用样式都抽取成了原子化的class名，大的框架使用通用的样式，小的修改使用atom.css里提供的原子化的class来组合，从此再也不怕小的样式修改了。&br&目前我们做的主要是字体，颜色，背景，padding，margin，align，vertical-align之类的抽取。&br&&br&每个东西都有自己存在的意义，不过还是希望大牛们把这些东西能讲清楚，不要单纯的给大家散播一些观点，然后导致大家片面的理解和滥用。&br&该用什么的地方就用什么，用一个东西之前想好为什么要这么用即可。
认知问题不能只从一个角度出发，详解下：1. 这种风格主要是用于css框架，框架提供诸多功能样式，开发者调用相应的class即可表现出来。2. 不推荐自己开发的时候使用这种模式，也没必要，反而表意不清楚。3. 还有更夸张的，例如font-12,font-14,font-16,align…
来自子话题：
“在网上搜了下大概都是讲通过DIV + CSS来布局网页的……”&br&&br&你先换个搜索引擎再说。
“在网上搜了下大概都是讲通过DIV + CSS来布局网页的……”你先换个搜索引擎再说。
来自子话题：
在不考虑低版本浏览器的情况下，结合着一些CSS3还是挺有意思的。&br&&br&&img src=&/6dc9ab4fa49cd95dcdb41e4_b.jpg& data-rawwidth=&1304& data-rawheight=&483& class=&origin_image zh-lightbox-thumb& width=&1304& data-original=&/6dc9ab4fa49cd95dcdb41e4_r.jpg&&&br&中间那个斜线，就是一个伪类。使用的CSS如下：&br&&div class=&highlight&&&pre&&code class=&language-css&&&span class=&nf&&#second&/span& &span class=&nc&&.character&/span&&span class=&o&&:&/span&&span class=&nd&&:after&/span& &span class=&p&&{&/span&
&span class=&k&&content&/span&&span class=&o&&:&/span& &span class=&s1&&''&/span&&span class=&p&&;&/span& &span class=&c&&/*必需，让他显示*/&/span&
&span class=&k&&position&/span&&span class=&o&&:&/span& &span class=&k&&absolute&/span&&span class=&p&&;&/span&
&span class=&k&&height&/span&&span class=&o&&:&/span& &span class=&m&&1px&/span&&span class=&p&&;&/span&
&span class=&k&&width&/span&&span class=&o&&:&/span& &span class=&m&&110px&/span&&span class=&p&&;&/span&
&span class=&k&&background&/span&&span class=&o&&:&/span& &span class=&m&&#FFF&/span&&span class=&p&&;&/span&
&span class=&k&&display&/span&&span class=&o&&:&/span& &span class=&k&&block&/span&&span class=&p&&;&/span&
&span class=&n&&transform&/span&&span class=&o&&:&/span& &span class=&n&&rotate&/span&&span class=&p&&(&/span&&span class=&m&&-30&/span&&span class=&n&°&/span&&span class=&p&&);&/span& &span class=&c&&/*倾斜*/&/span&
&span class=&k&&bottom&/span&&span class=&o&&:&/span& &span class=&m&&67px&/span&&span class=&p&&;&/span&
&span class=&k&&left&/span&&span class=&o&&:&/span& &span class=&m&&30px&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&&br&还有这个：&br&&br&&img src=&/cb6feb9dcf5efec7fdc9a_b.jpg& data-rawwidth=&492& data-rawheight=&378& class=&origin_image zh-lightbox-thumb& width=&492& data-original=&/cb6feb9dcf5efec7fdc9a_r.jpg&&&br&左上角的折角效果和右下角的对话效果分别用了:before和:after。&br&&br&CSS如下：&br&&div class=&highlight&&&pre&&code class=&language-css&&&span class=&nc&&.custom-reviews&/span&&span class=&o&&:&/span&&span class=&nd&&:before&/span& &span class=&p&&{&/span&
&span class=&k&&content&/span&&span class=&o&&:&/span& &span class=&s1&&''&/span&&span class=&p&&;&/span&
&span class=&k&&top&/span&&span class=&o&&:&/span& &span class=&m&&0&/span&&span class=&p&&;&/span&
&span class=&k&&left&/span&&span class=&o&&:&/span& &span class=&m&&0&/span&&span class=&p&&;&/span&
&span class=&k&&position&/span&&span class=&o&&:&/span& &span class=&k&&absolute&/span&&span class=&p&&;&/span&
&span class=&k&&width&/span&&span class=&o&&:&/span& &span class=&m&&0&/span&&span class=&p&&;&/span&
&span class=&k&&height&/span&&span class=&o&&:&/span& &span class=&m&&0&/span&&span class=&p&&;&/span&
&span class=&k&&border-top&/span&&span class=&o&&:&/span& &span class=&m&&10px&/span& &span class=&k&&solid&/span& &span class=&m&&#FFF&/span&&span class=&p&&;&/span&
&span class=&k&&border-right&/span&&span class=&o&&:&/span& &span class=&m&&10px&/span& &span class=&k&&solid&/span& &span class=&m&c7c89&/span&&span class=&p&&;&/span&
&span class=&k&&border-bottom&/span&&span class=&o&&:&/span& &span class=&m&&10px&/span& &span class=&k&&solid&/span& &span class=&m&c7c89&/span&&span class=&p&&;&/span&
&span class=&k&&border-left&/span&&span class=&o&&:&/span& &span class=&m&&10px&/span& &span class=&k&&solid&/span& &span class=&m&&#FFF&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&span class=&nc&&.custom-reviews&/span&&span class=&o&&:&/span&&span class=&nd&&:after&/span& &span class=&p&&{&/span&
&span class=&k&&content&/span&&span class=&o&&:&/span& &span class=&s1&&''&/span&&span class=&p&&;&/span&
&span class=&k&&top&/span&&span class=&o&&:&/span& &span class=&m&&100%&/span&&span class=&p&&;&/span&
&span class=&k&&right&/span&&span class=&o&&:&/span& &span class=&m&&80px&/span&&span class=&p&&;&/span&
&span class=&k&&position&/span&&span class=&o&&:&/span& &span class=&k&&absolute&/span&&span class=&p&&;&/span&
&span class=&k&&width&/span&&span class=&o&&:&/span& &span class=&m&&0&/span&&span class=&p&&;&/span&
&span class=&k&&height&/span&&span class=&o&&:&/span& &span class=&m&&0&/span&&span class=&p&&;&/span&
&span class=&k&&border-top&/span&&span class=&o&&:&/span& &span class=&m&&18px&/span& &span class=&k&&solid&/span& &span class=&m&񧤾&/span&&span class=&p&&;&/span&
&span class=&k&&border-right&/span&&span class=&o&&:&/span& &span class=&m&&20px&/span& &span class=&k&&solid&/span& &span class=&k&&transparent&/span&&span class=&p&&;&/span&
&span class=&p&&}&/span&
&/code&&/pre&&/div&
在不考虑低版本浏览器的情况下，结合着一些CSS3还是挺有意思的。中间那个斜线，就是一个伪类。使用的CSS如下：#second .character::after {
content: ''; /*必需，让他显示*/
width: 110
background: #FFF;
来自子话题：
语言的作用是传递信息，如果能准确的传递信息，哪就不用在意那么多细节。&br&&br&类似还有很多：&br&&br&XP 读作 「叉屁」&br&C# 读作 「C 井」&br&&br&自然语言基本要依赖上下文解读，比如成语『围魏救赵』，没有历史背景，根本无法解读。&br&这种收益也显而易见：依赖上下文、可以省去一些细节，省时省力。&br&&br&「H5」 目前不是一个行业标准词。&br&&br&建议写文章想简写的时候还是强调一下『HTML5 以下简称 H5』&br&&br&你说「不明觉厉」有人会校正你吗？觉得恶心吗？根本就没有必要照顾你&br&&br&-----&br&&br&补充&br&&br&『小孩子才分好坏，大人只看利弊』&br&那么把『HTML5』说成『H5』有什么利弊？&br&&br&&b&利&/b&&br&&ul&&li&省音节，&u&从 8 个音节省到 2 个&/u&。楼主念 5 是 「five」 还是 「五」？（这个也会有争论的）&/li&&/ul&&b&弊&/b&&br&&ul&&li&用词不规范，和 HTML &h1&&h2&...&h5& tag 冲突&/li&&li&有的人会觉得你装逼（有的人总喜欢站自己的角度考虑问题）&/li&&/ul&这些「弊」会影响信息的准确传播吗？结合上下文不能理解吗？&br&把「HTML 5」说成「H5」能影响你的产品、技术和收入吗？那还纠结什么呢。&br&省了 6 个音节，就被 BB 成这样！（听到『BB』是不是也觉得很恶心，呵呵）&br&&br&参考已经有产品经理这样说了，你觉得「校正」别人说法有意义吗？你已经知道他在说啥了：&br&&a href=&/question/& class=&internal&&移动端H5应用，用户真的有需求么？有的话需求场景是什么？ - 产品经理&/a&
语言的作用是传递信息，如果能准确的传递信息，哪就不用在意那么多细节。类似还有很多：XP 读作 「叉屁」C# 读作 「C 井」自然语言基本要依赖上下文解读，比如成语『围魏救赵』，没有历史背景，根本无法解读。这种收益也显而易见：依赖上下文、可以省去一些…
来自子话题：
题主啊，我笨啊，从来就没用DW的可视化设计组装成功过一个页面，再看平时工作的同行，很少用DW的，不知道大家都为啥不用。&br&DW对我来说就只有一个美好的回忆，很早 以前，对table的单元格合并colspan和rowspan还不是很熟，倒是会开DW来拖一个表格合并一下看看代码怎么写的。&br&图片热点链接用DW弄一下也蛮快的。&br&其他的用DW可视化效率很慢啊。&br&DW所见即所得未必正确啊，对我来说，看到代码才是真正的可靠，要不然，为啥前端老是用各种开发者工具，在浏览器里看代码来调试页面。&br&DW8.0以后，我就没用过这个软件了。
题主啊，我笨啊，从来就没用DW的可视化设计组装成功过一个页面，再看平时工作的同行，很少用DW的，不知道大家都为啥不用。DW对我来说就只有一个美好的回忆，很早 以前，对table的单元格合并colspan和rowspan还不是很熟，倒是会开DW来拖一个表格合并一下看看…
来自子话题：
moveTo(5,0); lineTo(5,300) 产生的path上进行stroke实际上是绘制了坐标为4.5到5.5的1像素宽的线。因为canvas是bitmap，所以会虚化为坐标4到6的两个像素宽。&br&&br&你要画正好一像素得用 moveTo(5.5, 0); lineTo(5.5, 300)
moveTo(5,0); lineTo(5,300) 产生的path上进行stroke实际上是绘制了坐标为4.5到5.5的1像素宽的线。因为canvas是bitmap，所以会虚化为坐标4到6的两个像素宽。你要画正好一像素得用 moveTo(5.5, 0); lineTo(5.5, 300)
来自子话题：
“我想这个东西这样飞出来，然后淡出”&br&“你说的是这样还是那样？”&br&“算了，就搞个静止的吧”&br&&br&MUSE就是解决上面这种情况的&br&它是一个直观的，可以让前段明白设计师抽象思维的东西。&br&&br&Photoshop 就是 Photoshop，用来做图片效果那绝对一级棒，&br&但是&br&用来设计网页，确实有许多地方不尽如人意。&br&&br&对于我来说，Photoshop不能满足以下两点：&br&1 一个条理清晰的结构&br&一开始，你还细心的命名，耐心的建立文件夹，幻想着按照流程来出稿。&br&但到最后，不断地修改和调整，你的文件名就会越来越乱，而且基本上流程也打乱了。&br&&img data-rawheight=&79& data-rawwidth=&222& src=&/65d28fbba439c5c9ac248_b.jpg& class=&content_image& width=&222&&&br&像这种有着神秘代号的PSD文件，很多。&br&&br&&img data-rawheight=&295& data-rawwidth=&601& src=&/888cbdce54c00efaeccc668_b.jpg& class=&origin_image zh-lightbox-thumb& width=&601& data-original=&/888cbdce54c00efaeccc668_r.jpg&&&br&Muse会在你开始制作便会建立整个结构导图，清晰，高效。&br&&br&2 改稿很麻烦&br&比如，调整一套网站PSD的页脚，需求写的只用改一个字，但十几张的页脚都是一样的，&br&所以，我需要调整十几次，浪费生命，浪费时间，而且调整之后需求方不满意，你还得调回来！我他妈……算了，不说了。&br&&br&&img data-rawheight=&318& data-rawwidth=&620& src=&/51ab179a3f5_b.jpg& class=&origin_image zh-lightbox-thumb& width=&620& data-original=&/51ab179a3f5_r.jpg&&Muse会在你改动通用元素的时候，整体更新所有元素，比如这个图里显示的Header，改一个，其他全都改了。&br&&br&3 动态效果不能展现&br&&img data-rawheight=&517& data-rawwidth=&386& src=&/819db254ab732d34821b7d_b.jpg& class=&content_image& width=&386&&Muse的视觉差效果，你看看，就是扒拉几下按钮，就出来了（虽然目前功能很简单，但也够了），但你在Photoshop里搞出来导成GIF，会累死你个王八犊子的。&br&&br&Muse代替前端，不太可能&br&Muse代替Photoshop，也不可能&br&&br&&br&但是它确实是设计师一种展示创意的新工具。我喜欢它。&br&&br&不是逐鹿中原，不是舍我其谁，&br&为了更高效的出产作品，&br&互相配合，搭配着用，不是更好。
“我想这个东西这样飞出来，然后淡出”“你说的是这样还是那样？”“算了，就搞个静止的吧”MUSE就是解决上面这种情况的它是一个直观的，可以让前段明白设计师抽象思维的东西。Photoshop 就是 Photoshop，用来做图片效果那绝对一级棒，但是用来设计网页，确…
来自子话题：
一般来说，当支持老版本浏览器的收益小于成本（开发、测试的投入，以及伤开发人员士气等等）时，很多人会选择放弃支持。&br&&br&当然如果你的站点/应用够有影响力，可以通过放弃支持的方式推进用户升级浏览器，从而使得用户获得更好的访问体验和安全性。
一般来说，当支持老版本浏览器的收益小于成本（开发、测试的投入，以及伤开发人员士气等等）时，很多人会选择放弃支持。当然如果你的站点/应用够有影响力，可以通过放弃支持的方式推进用户升级浏览器，从而使得用户获得更好的访问体验和安全性。
来自子话题：
对于这个问题，可以从以下几个方面来看待：&ul&&li&&strong&编码技术与效率：&/strong&&/li&&/ul&&strong&H.264&/strong&-作为一种面向高清内容的编码规范，由国际电信联盟(ITU-T) 和国际标准化组织(ISO) 共同提出的(关于这两个组织在视频编码规范上的争端，还有好长好长一段有趣的故事)。H.264的技术特点是数据压缩效率非常高，同时还能保证高质量。它的设计和提出，本来就是为了互联网特殊环境下&br&（带宽有限、网络连接不稳定、不同网络有较大差异，比如说移动通信网络GSM、WCDMA、CDMA2000等），传输高质量的视频。&br&&br&&strong&WebM&/strong&-是由google提出的一种开放免费的媒体文件格式，其是基于MKV容器格式开发的新容器格式，里面包含了VP8影片轨和Ogg Vorbis音轨。其中VP8 影片轨才是真正的视频编码格式。开发这个标准的公司On2 Technologies(现在已经被google收购)曾经声称VP8编码效率和质量高于H.264,&br&但实验结果证明VP8对于视频编码无论是效率还是质量，都远逊于H.264.严格意义上讲，&u&H.264与WebM对比是不正确的，因为H.264是一个视频编码标准，而WebM只是一个媒体格式&/u&&br&（就像现有的媒体格式.mpg，.mkv，.mp4...他们内部的编码格式可以是H.264，&br&也可以是MEPG-4或者其他的视频编码标准）。因此确切的说应该是H.264与VP8的对比&,&&br&&br&总的来说，&u&视频编码技术和效率上，H.264占优&/u&&br&&br&&br&&ul&&li&&strong&厂商支持度：&/strong&&/li&&/ul&&br&&strong&H.264&/strong&-是由国际电信联盟(ITU-T) 和国际标准化组织(ISO)提出，他们的背后，是Qualcomm，TI，Sony，Cisco，微软，苹果等厂商，以及世界上数以千计的大学和科研机构和其中计算机视频技术研究者。现在的绝大多数视频监视设备都支持H.264, 晶片厂商也都有生产面向H.264的硬件编解码芯片，无论是基于ARM的移动处理器，还是ATI，NV的显示芯片，都对H.264有着很好的支持。与此同时，世界上众多的消费电子产品也都支持H.264。在软件方面，Microsoft，Apple，Flash提供的相关软件都支持H.264.&br&&br&&strong&WebM&/strong&-现在似乎就看到Google，Mozilla，Opera等互联网企业的大力推广，各家芯片厂商虽有支持，但似乎没有推出像样的硬件支持设备，要知道对于视频编解码，硬件支持解码可比单纯的软件解码（使用CPU通用计算解码）效率高得多。但不可否认的是Google及其麾下的youtube的力量，以及WebM开源的特性，也为其获得了不支持。&br&&br&总的来说，在&u&支持度方面H.264略微占优势&/u&&br&&u&&br&&/u&&br&&u&&br&&/u&&br&&br&&ul&&li&&strong&专利与费用&/strong&&/li&&/ul&&br&&strong&H.264&/strong&-使用需要专利授权费，但很多软件和硬件厂商本来就是H.264的推行者，他们之间各种复杂的专利交叉授权使得这个问题变得不那么重要的。对于Opera和Firefox这样的浏览器而言，由于授权问题，他们只支持WebM，事实上，由于windows media foundation的支持，获得了H.264的播放权限，只要运行于windows的浏览器（包括Opera和Firefox）都可以获得授权。对于Mac OS X，也是同样的道理。其实现在H.264领域已经形成了一个巨大的专利池（专利池：两个或两个以上专利所有人间的协定，用以相互间或向第三方授权他们的一个或多个专利），各种人都在H.264相关领域拥有各种各样的专利，我手里边都还有两个H.264相关的专利，可惜没有实际应用价值==&br&&br&&strong&WebM&/strong&-完全开源，但不排除以后各种公司在WebM相关领域搞出大量的专利出来，使得开源的WebM使用也不那么的“免费”了，就像现在的android手机厂商里面各种各样的专利纠纷&br&&br&总的来说，&u&这个领域WebM占优&/u&&br&&br&以上三个方面，可以看出，现在H.264占优&br&&br&但是，谁说技术好支持多就一定能赢呢？
对于这个问题，可以从以下几个方面来看待：编码技术与效率：H.264-作为一种面向高清内容的编码规范，由国际电信联盟(ITU-T) 和国际标准化组织(ISO) 共同提出的(关于这两个组织在视频编码规范上的争端，还有好长好长一段有趣的故事)。H.264的技术特点是数据…
