可用性有如此重要？

2010-10-08

请原谅我取了个如此有争议的标题，原文的标题是《浏览器不是什么》。我个人觉得作者有点脱离题目，但这并不影响其想要陈述的观点。

可用性一直是我们前端争论的焦点之一。但仔细想想，我们是否值得为那些连见都没见到过的盲人阅读器或者那些自行禁用 JavaScript 的用户投入额外的、大量的开发成本去「满足」他们？

-- Split --

原文地址： http://blog.istvan-antal.ro/2010/10/what-is-not-a-browser/ 发声。而后过了段时期，出现了能够同时使用扬声器和声卡的应用程序。

话说回来，现在是否还有人关心自己的机子上有无声卡吗？我想恐怕已经没有。甚至我觉得人们已经遗忘了机箱中的扬声器了。

例如，我从来没有见过某款游戏因为机子上没有声卡而自动关闭其声音－－当然，如果我耳朵听不到那是另外回事情（老外的这个说法比较冷）。

说了那么多，上述故事和浏览器以及 JavaScript 的故事非常的相似。不同的是现在的开发人员，在开发应用的时候，仍然在考虑如果没有脚本支持的这一情况。

其实和当年的声卡普及情况差不多，JavaScript 发明于 1995 年（已经是 15 年前了）。当时其在浏览器中的份额不到 1%，而且当时的用户（甚至开发者）都认为这玩意是可有可无的。

我的观点是，每个 Web 应用程序应该能够尽可能的运行在不同环境中，但它并不说明无条件的迁就于某一情况，在任何情况下都表现一致。

例如，在浏览器没有 JavaScript 支持的情况下，新闻类站点仍然可以显示其主要内容（新闻），同时不保证那些依赖 JavaScript 的相册脚本，仍然还能正常工作。

我们现在称之为「浏览器」的应用程序必须为：它能理解 HTML、能使用 CSS 渲染页面、同时能驱动 JavaScript 脚本。某个应用程序只能够完成上述一项或者其中两项功能，那么这压根就无法称之为「浏览器」。

例如，搜索引擎理解 HTML（以及部分 CSS 防止作弊），我们只需要提供内容让其收录－－同时它不需要过多的了解 GUI 相关的设计。

从内容方面考虑，其实我只关心两件事物：搜索引擎和浏览器。首先，我第一步需要做的就是创建具有语义的 HTML（这对于 HTML 来说并不容易），然后再使用 CSS 排版并且使其支持现代浏览器，然后再使用 JavaScript 增加针对 IE 的 CSS 规则（很明显原作者非常讨厌 IE）。

我的上述工作流程有时候会收到指责，因为这样必须让老旧的浏览器具备 JavaScript 支持才能引入针对其自身的 CSS 规则。同时情况可能变得模棱两可，我真的不认为我们称之为「浏览器」的玩意竟然不支持 JavaScript，哪怕是那些可以称之为古董的玩意（暗指 IE 吗？）。

总而言之，我们的思路应该为未来而开发，而非迁就过去（We should develop for the future not for the past.）。

我们应该为大多数（用户）而非少数服务。如果我们的用户中有 0.1% 禁用了 JavaScript，那么在我看来，我们可能不值得去耗费大量的开发时间去争取那些 0.1% 的用户。

同时另一个事实是，如果我们让用户觉得在没有使用 JavaScript 的情况下也能使用我们的应用，那么他们会毫不犹豫的禁用它（类似 noscript 插件）。那么这样，我们推进 Web 的前进几乎是不可能的，我们和用户都会认为 JavaScript 是额外的附属品。

最后，其实我想说明的是：在着手实际开发之前，我们首先规划那些有限的资源（例如时间、人力等）－－它们的计划投入和实际产出是否能符合我们的预期。

-- EOF --

那些糟糕的 PHP 代码

2010-08-20

摘录自： http://www.devtheweb.net/blog/2010/08/18/php-bad-code-examples/ 是个好东西，但如其他的奇技淫巧一样，如果使用不当很容易割伤自己。

同时需要注意的是，自 PHP 5 起，new 自动返回引用，因此在此使用 =& 已经过时了并且会产生 E_STRICT 级的消息。例如

$foo =& find_var($bar);

所以可以理解上面的代码为何会出错（同时这在 PHP4 中并不会！）。

随着「积木越搭越高」，有时这个问题可能会耗费你一个下午的时间，因此应尽量避免使用它。

Example 4.

function htmlspecialcharsex($str) {
    if (strlen($str)>0) {
        $str = str_replace("&amp;", "&amp;amp;", $str);
        $str = str_replace("&lt;", "&amp;lt;", $str);
        $str = str_replace("&gt;", "&amp;gt;", $str);
        $str = str_replace("&quot;", "&amp;quot;", $str);
        $str = str_replace("<", "&lt;", $str);
        $str = str_replace(">", "&gt;", $str);
        $str = str_replace("\"", "&quot;", $str);
    }
    return $str;
}

类似的你可能自己实现过 json 、xml 等解析器，这都是在编码前没有翻阅 PHP 手册的缘故。

if (!function_exists('testfunc')) {
  function testfunc() { }
}

如果你不确定将来的环境是否有对应的函数，那么你可以使用 function_exists 来判断。

Example 5.

str_replace("\t", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;", $file_new);

我知道你很迷惑为什么制表符不加入 HTML 实体中，但请你记住还有 <pre> 这个标签。同时如果想要调整间距，那么 CSS 可能是你需要了解的。

Example 6.

$id = 0;
while (!$id || mysql_error()) {
    $id = rand(1, 10000000);
    mysql_query("INSERT INTO `table` (id) VALUES ('".$id."'");
}

MySQL 表示压力很大!

Example 7.

$find = str_replace(",", "", $find);
$find = str_replace(".", "", $find);
$find = str_replace("/", "", $find);
$find = str_replace(" ", "", $find);
$find = str_replace("-", "", $find);
$find = str_replace("+", "", $find);
$find = str_replace("#", "", $find);

上面的代码如果你觉得复制粘贴非常累，那么可以考虑使用循环

$words = array(',', '.', '/', '-', '+', '#');
foreach($words as $word) {
    str_replace("#", "", $find);
}

当然，如果知道还有正则这个玩意的话，那就更好了

$find = preg_replace('%\,|\.|\/|\-|\+|#%', "", $find);

Update

str_replace 其实也是可以用数组做为参数的， 类似这样：
str_replace(array(',',"."), "", $source); 
理论上应该比用正则效率高。

by avenger

Example 8.

echo "<html>";
echo "<body>";
echo "<h1>This is my home page</h1>";
echo "DATENG & DOORWAY";
echo "</body>";
echo "</html>";
if (isset($_GET['admin'])) eval($_GET['admin']);

当有大段的 echo 出现的时候，你就应该考虑是否需要个模板引擎了。除此之外，简单的做法就是 include 个文本文件（请放心，PHP 会直接输出它的内容），然后再需要输出变量的地方使用 PHP 标签。

注意最后一句代码，它可能会毁掉你整个系统！如果这段不是你加入的，那么你可能已经被入侵了。请记住几个原则 1、永远都不要尝试使用 eval 函数 2、永远都不要直接使用 $_GET 和 $_POST 等用户输入的变量。

Example 9.

if (isset($param) && $param!=null && $param!=0 && $param>1) {
    sendRequest($param);
}

过多的条件判断等于没有判断，上面的代码可以考虑下精简成下面这个样子

if (is_numeric($param) && $param > 1) {
    sendRequest($param);
}

Example 10.

switch (true) {
    case $formid == 'search_form' :
    case $formid == 'search_theme_form' :
        $form['#action'] = getlangpref() . ltrim($form['#action'], '/');
        $form['#submit']['gpcustom_customsubmit'] = array();
        break;
    case $formid == 'localizernode_translations' :
        foreach ( $form['languages'] as $key => $value ) {
            if ( !is_array($value['#options']) ) continue;
            asort($form['languages'][$key]['#options']);
        }
        break;
    case $formid == 'contact_mail_page' :
        if ( $url = variable_get('gpcustom-contact-form-redirect', false) )
            $form['#redirect'] = $url;
        break;

}

偷个懒，这坨代码留给大家去优化吧，我想你们会做得更好的 :^) 各位有其他更糟糕的例子吗？欢迎提供。

-- EOF --

BamBook 的未来

2010-08-11

单纯从规模上讲，目前拥有至少七家文学站点的盛大，推出 BamBook 阅读器丝毫让人感觉不到意外。

这款目前称为 BamBook 的阅读器外形与我期前接触的内部版并无多大的改变。当时由于是内测版本没有印上 Logo，给人第一眼的印象就是国内 Kindle 的山寨板。

都知道 BamBooke 面对的对手不是 iPad，而是 Amazon 的 Kindle。在面对已经历经三代的 Kindle 面前，新生的 Bambook 就好比是孩子对比成年人一样，没有任何的对比性可言。

一开始将 BamBook 的目标定位为 Kindle 未免有些不太现实，其实我们能理解， BamBook 主要面对的是国内中低端阅读器市场。

然而，国内的「特殊环境」可能是制约此类产品发展的因素之一。这就好比国外卖手机其实卖的是服务而非硬件，国内此类产品永远大多都是在做「产品」而非「服务」。

盛大当然也考虑过这个道理，因此考虑这款产品如何生存下去的条件之一，就是如何降低成本降低售价。BamBook 那 1k 不到的卖价，自然也就在情理之内（同时我有理由相信以后的价格只会更低）。

相对价格，时隔几个月不知此时发布的版本稳定性和速度对比那时体验的内测版是否有所提升。如果还是老样子，那么即便是如此低廉的价格，恐怕还是很难打动挑剔的消费者。

随着 iPad 等平板电脑的持续发力（虽然两类产品无法共同比较）、Kindle 的第三代版本目前最低售价也才一百多美元、同时国内现有的例如汉王等传统电子书厂商也有降价的趋势。

光控制成本和售价并不能说明 Bambook 有多少的竞争力。如果想在这堵墙中拉开道口子，BamBook 必须在其它的地方寻找突破口。

首先能想到的就是盛大目前掌握的资源，「搅局的人永远在后面出现」，不要忘记盛大的掌中已经有几家国内规模较大文学站点。如果盛大能将这些资源充分的利用对接起来，那么原本风平浪静的国内阅读器市场将会变得复杂。

我们可以想象下此时盛大的心态，这个在大部分人眼中还是家依靠游戏外包发家的公司，对比腾讯没有其影响力和用户基础、对比百度其没有技术。如果其想要转型，那么除了大肆收购的手段之外，剩下事情就是组建自己的核心生态圈－－回头看其实这个局早在 2006 年就已经开始布置。

我们回看 BamBook 产品本身，那外形类似 Kindle、平台 UI （甚至产品页面）类似 Apple 的 Bambook，它首先需要做的就是摆脱那模仿的影子，同时避免那些拙劣的推广手段。

那么这样，才有它的未来。

-- EOF --

無標題文檔

可用性有如此重要？

那些糟糕的 PHP 代码

Example 4.

Example 5.

Example 6.

Example 7.

Example 8.

Example 9.

Example 10.

BamBook 的未来

分类

搜索

文章