• 2011-08-04

    强大的纯JS数据图工具-flot

    Views: 44093 | 3 Comments

    发现一个在网页中绘制数据图, 如曲线图, 柱状图的纯 JavaScript 工具: flot. 极度推荐啊! 有图和代码为证:

    *代码附后*

    以前知道的工具有 Open Flash Chart, 还有 Google 出品的 Google Chart Tool. 两者使用不同的技术, 同时也是两种截然不同的设计理念. 相比较而言, 我更认同 Google Chart 的设计理念. 原因如下:

    Continue reading »

    Posted by ideawu at 2011-08-04 01:03:09 Tags: , ,
  • 2011-07-03

    获取动态加载的图片大小的正确方法

    Views: 32920 | 2 Comments

    有一些很容易出错的获取动态加载的图片的尺寸的方法, 之所以出错, 主要原因是:

    • 你在代码在图片从网页上下载完毕之前就调用了, 这种情况在本机开发时不太容易发现.
    • jQuery load()事件处理的BUG, 当图片是从浏览器缓存取得时, 获取的是错误的尺寸.

    错误的代码是:

    Continue reading »

    Posted by ideawu at 2011-07-03 22:32:43 Tags: ,
  • 2011-06-24

    关系数据库应用设计基础

    Views: 35387 | 1 Comment

    这是我给部门同事做的技术分享.

    当今绝大部分的软件系统都用到了关系数据库, 所以, 作为软件开发工程师, 必须掌握关系数据库应用设计能力.

    Posted by ideawu at 2011-06-24 18:02:57 Tags:
  • 2011-05-27

    jQuery延时绑定事件(lazy-bind)

    Views: 31341 | No Comments

    有个延时绑定事件的需求, 如等待鼠标停留在某图片上面一段时间之后才展示浮动层, 以避免鼠标滑过屏幕时一片乱闪. 一时找不到合适的插件, 所以自己写了个.

    // 定义
    (function($){
        $.fn.lazybind = function(event, fn, timeout, abort){
            var timer = null;
            $(this).bind(event, function(){
                timer = setTimeout(fn, timeout);
            });
            if(abort == undefined){
                return;
            }
            $(this).bind(abort, function(){
                if(timer != null){
                    clearTimeout(timer);
                }
            });
        };
    })(jQuery);
    
    // 使用
    $('#my_img').lazybind(
        'mouseover',
        function(){
            alert(1);
        },
        240,
        'mouseout');
    
    Posted by ideawu at 2011-05-27 16:27:05 Tags: ,
  • 2011-04-29

    高性能并发Web服务器实现核心内幕

    Views: 27628 | 4 Comments

    今天, 和部门的同事一起分享了Web服务器的核心内幕, 把PPT奉上, 大家喜欢可以下载. 本PPT的出发点和许多所谓的XX源码分析非常不同.

    Posted by ideawu at 2011-04-29 18:06:54
  • 2011-03-31

    史上最强大的PHP Web面试题(会做就能进百度)

    Views: 76270 | 58 Comments

    注: 只要你会做了这道题目, 你的能力已经可以进入百度了! 如果别的部门不要你, 请你给我发邮件, 我一定尽我所能强烈推荐你! 如果你不想加入百度, 而别的公司又不要你, 只能说明那家公司瞎眼了.

    题目: 见图片, 该图是某网页的一个区域的截图, 用于显示商品或者其它信息的分类. 该分类的每一项可以折叠和收起(展开和收缩, 如果有子分类的话). 分类的级数不固定. 现有一个PHP变量:

    $cats = array(
        array(
            'id' => 1,
            'name' => '学术和教育',
            'children' => array(
                array(
                    'id' => 2,
                    'name' => '自然科学',
                    'children' => null,
                ),
                // ...
            ),
        ),
        // ...
    );
    

    请写一段PHP代码, 将该数组所包含的分类数据生成一段能实现如图片所示功能的HTML/JavaScript代码, 可不考虑CSS样式.

    ----------

    注解: 这道题目考察的范围非常广, 包括PHP, HTML, JavaScript, CSS, 递归, 只有真正掌握了如上几种全部技能, 才能实现完整的功能, 否则必须依赖分工. 应聘者所能实现的程度越大, 得分就越高.

    如果应聘者的应聘职位不包括HTML/JS/CSS, 那么题目可改为: 把上面的PHP数据用缩进换行文本的形式保存到文件, 并读取文件生成一个同样的PHP数组.(自定义格式的序列化和反序列化)

    看到这篇日志的读者, 如果已经做了出来, 并且个人想加入百度, 请在评论中回复URL并说明你的意愿, 我会主动联系你. 或者你可以把程序打包发给我.

    Continue reading »

    Posted by ideawu at 2011-03-31 16:57:24 Tags:
|<<<5678910111213>>>| 9/28 Pages, 163 Results.