生活在远方

Category: 编程、软件、技术

  • 【jQuery】示例6：可以伸展的面板

    是的，这个是示例6，而不是计划中的示例5（投票系统）。因为在jQuery中，进行可以伸展的面板的处理非常简单，只要一个toggle()函数就可以。 核心代码如下：

    var i=0;
$(document).ready(
    function()
    {
        $(div).filter(#clickme).click(
            function()
            {
                i++;
                $(div).filter(#content).toggle();
                if(i%2==0)
                {
                    $(this).text(Click here to expand.);
                }
                else
                {
                    $(this).text(Click here to collapse.);
                }
            }
        );
    }
);

    我用了一个变量i来判断要操作的div是处在显示还是隐藏状态，并相应的修改提示文字。通过查看jQuery的源代码，可以知道这也是jQuery中toggle使用的方法。

    示例见此处。

  • 【广告】猛禽的编程艺术

    今天照例上Google Reader看点东西。然后在界面右端的热门推荐中看见了“猛禽的编程艺术”的链接：

    clipboard01

    不关3721，截个屏保存下来再说…… 顺大便给个链接：http://blog.csdn.net/Raptor/ 。

    我在CSDN的blog从不更新……看看，这就是差距啊……

  • 一个远程控制软件：LogMeIn

    今天在家中的Vista上安装了LogMeIn，然后到公司在笔记本上安装了一个客户端（这个客户端是以Fx插件形式存在的）。

    这个软件的服务器端基本是零配置，不需要设置什么防火墙，也不用设置路由器的端口，真不知道是怎么实现的。

    有了它，就可以远程控制家中的电脑了。先放两张图：

    (more…)

  • 你用Word干什么？

    今天在BT群中看到了这么一个帖子：人们在用Microsoft Word干什么？

    我把图片贴出来——因为根据我过往的经验，我看上的帖子和图片往往会在一段时间后变得不可访问： ugmbbc_134129

    这张图片的可靠性暂且不论，不过确实说出了一个问题：微软一如既往的一种傲慢。这种傲慢体现在“我的方法一定是对的；请你按照我的方法来做”的一种态度。

    现实情况是，微软过于强势，桌面应用中的Office套件所向披靡，几乎改变了所有人的习惯，这种状况又反过来促使微软进行如上的思考和行动。这能怪谁呢？

  • CSS是个好东西

    我虽然将CSS 2.0翻译到了中文，但是说实话，我实在不是一个版面设计、美工的高手。所以，我的“任氏有无轩”的改版是请人设计的。然后，在有了现成设计的前提下，我才能依靠一些工具的帮助（比如我付钱购买的Skybound Stylizer），完成一些布局、效果设计的分析，或者做一些简单的修改。

    由于我的大名、BLOG、在“前沿视频教室”被引用到了，出于礼貌我也留了个言并仔细看了看那个帖子的内容——然后就买了一本《CSS设计彻底研究》给自己看，希望能有所收获。

    应该说，我的期望基本并未落空。这本书确实还是有些作用的，而且，这本书以Firefox浏览器作为实现CSS的参照，确实是正确的选择。就像我在那里留言时说，千万不要出一本“IE-only”的CSS书，这样的话，就根本没有研究CSS的价值了。我对一本书是否有价值的判断很低——特别是在这个出书很泛滥的年代——只要能让我开卷有益，学到一些我以前不懂的东西，分析代码时有道理即可。从这点上说，这本书确实已经达到了我的期望，甚至可以说超出了我的期望。

    这本书从3到11章都是值得认真看的，从里面的例子可以学到很多细腻的东西，也可以理清不少概念。至于其它的章节，则无所谓了。

    CSS确实是个好东西。我倒是很想开始翻译CSS 2.1了……

  • WP的小插件

    用WordPress很久了，终于为了人品网下了决心开发个插件，用来在页面上显示当前人品网可动用的资金。

    开发并不困难，WP的文档很完整，很轻易的就让WP认出了我这个插件并顺利激活。

    难题是放在哪里。由于使用的主题本身的CSS的一些小限制，我不得不找了一个非常WS的地方，希望大家不要介意。囧……

  • 【jQuery】示例4：三层的关联下拉框

    有了两层关联下拉框的经验，实现三层的关联下拉框确实很容易。

    当然，为了被前令狐同学再次BS我的算法BT，我首先改写了clearOptions函数：

    function clearOptions(selectID)
{
    var sel=document.getElementById(selectID);
    var len=sel.length;
    var i;
    for(i=1;i<len;i++)
        sel.remove(1); // I keep on removing the 1st item in the select!
}

    说明一下，我这样编程是有一定的道理的。虽然说，更“好”的代码应该似乎是每次都删除最后一个（类似：remove(sel.length)）。但是，由于每次删除后，sel.length都会发生变化，所以在每次删除最后一个的时候，sel.length都会被重新取值，这个对于jQuery来说开销还是很大的，特别是如果select下的option比较多的时候。所以，我还是选择每次删除第一个的做法。这样，remove(1)中的参数是个常量，只需要取值一次从而大大的缩减了运行时间。

    同时我将addOption，fillLevel等多次调用的代码段抽出作为独立的函数。在fillLevel函数中，还特意混合了jQuery和标准javascript。

    这样一来，jQuery的ready函数写法就更清晰明了了。同时，为了温故知新，我还加入了在第二个例子中实现的“Loading”提示。目前的问题时，在填充level1的时候，不会出现这个提示，而只有在填充level2和level3的时候才出现这个提示。暂时不管这个小小的问题了。

    完整的示范在此处。

    代码不再贴出，有兴趣的可以在页面自行下载研究。

  • 【jQuery】示例3：两层的关联下拉框

    今天终于完成了jQuery的一个确实有用的示例：两层的关联下拉框（2 Level Cascading Dropdown list）。示例见此处。

    开始，我以为很简单。但是经过实战，还是有一些些小的技巧需要注意。

    JSON的返回值是一个问题。在这个示例中，由于我并不关注返回值的问题（这个问题将在示例4中进一步研究），所以我只是简单返回一个字符串的数组。

    (more…)

  • NetBeans IDE

    NetBeans出了个支持PHP的IDE，下载后试用了一下，感觉还不错。

    首先，它对JS的支持不错。很多PHP的IDE都不支持对JS的编写。

    其次，有数据库的支持。我的PHPED标准版不支持这个，要到专业版才行。

    缺点：

    代码提示系统还有一些bug；调试不是很直观。这些都有待研究。

  • 【jQuery】示例2：显示一个“Loading”提示

    今天完成了一个在进行耗时长久的操作时，为了不让用户感到无聊而显示一个“载入中，请稍安勿躁”之类提示的小例子。

    演示地址：此处。

    ==============

    (more…)