August 20th, 2008

共享一种开放的思想

No Comments Popularity: 1% [?], 闲言碎语

有人问我是否应该对外共享一些公司的研究或经验。

我觉得这对公司没有什么威胁,且可以形成一个很好的圈子。

不用怕对手抄袭你,因为IT本来就是少量的人创造小的新的东西,大多人进行着拆分、重组的创造。

不如抛砖引玉,用我点亮你的灵感,然后吞噬你的灵魂。(说的极端了点

固定的人很容易形成默契,同时也阻碍了视野,要营造一个更大更活跃更流动的气氛。

Tags:.

July 29th, 2008

MYSQL T-SQL多表联合查询

No Comments Popularity: 7% [?], 闲言碎语

数据表如下:
———————-

表a:
———————-

id num1 min
1 2 1
2 1 1
3 4 1
4 3 2
表b:
———————-

a_id c_id num2
1 1 2
3 2 3
3 2 1
4 3 2
4 3 1
表c:
———————-

id is_num2
1 1
2 1
3 0

条件:
———————-

  1. 表a中的某些不与表b关联的记录,
    则使用(a.num1<=a.min)的条件。
  2. 表a表b,1对多关系的记录;表c表b,1对多关系的记录,
    则使用(c.is_num2=1 and b.num2<=a.min) or (c.is_num2=0 and a.num1<=a.min)的条件。

result:
———————-

a.id number
2 1
3 1

分析:
———————-
表a表b

  1. 1对0时(取出表a中与表b不关联的记录)
    SELECT a.id, a.num1 AS number
    FROM a
    WHERE NOT EXISTS ( SELECT b.a_id FROM b WHERE a.id = b.a_id )
        AND a.num1 <= a.min
  2. 1对多时
    SELECT a.id, IF ( c.is_num2 = 0, a.num1, min( b.num2 ) ) AS number
    FROM a LEFT JOIN ( b JOIN c ) ON ( a.id = b.a_id AND c.c_id = b.c_id )
    WHERE c.c_id IS NOT NULL
        AND (
            ( c.is_num2 = 1 AND b.num2 <= a.min ) OR ( c.is_num2 = 0 AND a.num1 <= a.min )
        )
    GROUP BY a.id
  3. 将两条查询结果整合在一起,注意,两条查询结果中返回字段数量、类型和字段名(别名)都必须一致。
    ( … ) UNION ( … )

最终适用于MYSQL的T-SQL语句:
———————-
(
    SELECT a.id, a.num1 AS number 
    FROM a 
    WHERE NOT EXISTS ( SELECT b.a_id FROM b WHERE a.id = b.a_id ) 
        AND a.num1 <= a.min
)
UNION
(
    SELECT a.id, IF ( c.is_num2 = 0, a.num1, min( b.num2 ) ) AS number
    FROM a LEFT JOIN ( b JOIN c ) ON ( a.id = b.a_id AND c.c_id = b.c_id )
    WHERE c.c_id IS NOT NULL 
        AND ( 
            ( c.is_num2 = 1 AND b.num2 <= a.min ) OR ( c.is_num2 = 0 AND a.num1 <= a.min ) 
        )
    GROUP BY a.id
)

关键词:
———————-
(NOT )EXISTS: 子查询,记录是否存在
UNION: 合并查询结果
JOIN / INNER JOIN / LEFT|RIGHT JOIN: 多表关联查询

原文链接:http://docs.google.com/Doc?id=acb6gfjgmjf_1512hptmvhcr
原文作者:fangle

Tags:, , , .

June 24th, 2008

HTML中的wbr软换行标签

No Comments Popularity: 17% [?], 闲言碎语

<wbr />软换行
1.正常情况下<wbr />不起效,何为不正常,见下。
2.当文字长度超过外框显示宽度的时候,即溢出时。
3.游览器启动自动断行机制,各个游览器断行机制不同。比如ff3会在/前断行,ie7在/后断行等等。
4.当自动断行机制也无法避免溢出时,<wbr />起效,效果如<br />。 5.如果还是溢出的话,就只有溢出了。

可以说这个标签是最后的杀手锏,属于要么不出手,出手必伤人。

注:有些游览器不能有效识别<wbr />标签,所以不推荐使用
不过如果这些不支持的游览器却支持CSS2的:after伪类则可以用一下方法实现
<style>wbr:after { content: "\00200B"; }</style>
<div style="width:100px;">
a<wbr />aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<wbr />aa
</div>

实例如下:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Tags:, .

June 11th, 2008

认领专用贴

No Comments Popularity: 20% [?], 闲言碎语

网络中有很多很讽刺的事情
不知道从何时开始,我们都变老年痴呆了,每次都必须重新审视自己,认清自己。

在此我将无止境的认领自己,认领这块领地。

注:我才知道“title”有“所有权”的意思

1.鲜果认领号:BANG9E51DAF4C5D29A73F5DD9864XIANGUO
2.鲜果认领号:BANG4FF50E65454BDE33FFE31DC8XIANGUO

June 6th, 2008

CSS样式应用优先级关系

2 Comments Popularity: 29% [?], 闲言碎语

原创内容!转载请保留作者名字和出处。
fangle,http://www.28star.com/blog/2008/06/06/css-priority.html

CSS(Cascading Style Sheets)样式的最终选择涉及到继承层叠顺序等,就好比人类世界的mozilla和ie家族模式。
[1位重要标志位] > [4位特殊性标志] > 声明先后顺序
注:样式表比html后载入

  1. 重要声明(!important
    [1位重要标志位]
    div{
     display:none !important;
     display:block;
    }
    虽然按照顺序应该是使用后声明的display:block;,但是因为!important的缘故,所以最后使用的却是display:none;。
    好比现任家族族长。可以定下某一个孩子为继承人,其他人无法反驳,反驳就一段胖揍。

    1. 读者[1](用户[2]
    2. 创作人员[3](内容提供者[4]
  2. 正常声明
    [4位特殊性标志。点分四段(0.0.0.0),形式类似与ip地址]
    有一些老式游览器使用3位特殊标志,也就是4位标示中的前两位合并。
    样式表选择器支持类似文档数结构的层级选择,故特殊标志位随定义的选择器层级加权。
    (每次给某个标志位加1,不带进位的哦)
    优先级从左至右,前一段对后一段具有无可辩驳的压倒性优势。
    (后一段就算无穷大也无法战胜前一段的1。)
    就像贵族一样,家里有4个孩子,每个人都在成长中学习知识(有点修学分的感觉),自己的知识永远是自己的财富。
    众所周知哥哥总比弟弟有一定的优势,不论地位或权利。
    尤其在于次子们再优秀也无法替换长子接管家族,想篡位的时候可以只能让哥哥们消失了,嘿嘿。

    1. 创作人员正常声明
      1. 内联样式[1.0.0.0]
        在html文档的元素中直接插入样式的
        就是在第一位标志位加1
        <div style=”display:none;”></div>
        在ie6中此优先级与id选择器同级
        族长的第一个孩子,不论好坏,出生就被内定为家族继承人。
        注:有特殊情况,ie6之前只有三位特殊标志位,内联样式[1.0.0]被合并到id选择器中[1.0.0],且因为css文档比html后载入,所以后声明的会覆盖前面声明的。
        话说ie家族早年平定邪教的时候中了一个邪恶的诅咒:六子之长子
        说的是一个持续了6代的诅咒,其中每代的长子必活不过家中第二个孩子成年之日。
        不过我觉得这个诅咒下的比较仓促,所以诅咒只在长子和家中第二个孩子间发生,和其他孩子没关系,所以只要舍弃第二个孩子就可以了。
      2. id选择器[0.1.0.0]
        就是在第2位标志位加1
        应用于对应id的元素,css中用“#”后跟id来标记。
        #header{
         display:none;
        }

        <div id=”header></div>
        二儿子虽不是第一继承人,当至少可以去当Identity主管(用这个世界的话说就是做做人事管理,hr),毕竟偌大一个家族的人都需要管理。
      3. 类(属性,伪类)选择器[0.0.1.0]
        就是在第3位标志位加1

        1. 类选择器
          应用于对应class的元素,css中用“.”后跟class名来标记。
          .header{
           display:none;
          }

          <div class=”header></div>
          三儿子权利更小,分配去当家族采购主管了,肥水不流外人田吗。
        2. 属性选择器
          属性选择器应用于对应class的元素,css中用“[]”标记中html元素属性名来标记。
          div[title]{
           display:none;
          }

          <div title=”any”></div>
          地位越高,他的直系下属地位也比一般人高。
          俗话说:天高皇帝远,县官不如现管。怕就怕他的狗奴才仗势欺人狐假虎威。
        3. 伪类选择器
          LVHA伪类,样式按LVHA优先级顺序从右至左覆盖。所以要注意一下这4个伪类的声明顺序,不同的顺序会产生不同的效果。
          a:link - 默认链接样式
          a:visited - 已访问链接样式
          a:hover - 鼠标悬停样式
          a:active - 鼠标点击样式
          现在终于要说道真正的祸国殃民的牛鬼蛇神了,排名前4为的金牌打手了。要对付他们先从最弱的开始,柿子捡软的捏。
      4. 元素(伪元素)选择器[0.0.0.1]
        就是在第4位标志位加1

        1. 元素选择器
          应用于所有对应的html标签,css中直接使用html元素标记
          div{
           display:none;
          }

          <div></div><div></div>
        2. 伪元素选择器
          :first-letter - 首字母样式
          :first-line - 首行样式

        四儿子其实被排挤的不行了,每天就干一些表面的事情,小铺开张剪个彩啦,出席一些小应酬啦,浑浑噩噩的度过一生。

      5. 通配符选择器[0.0.0.0]
        就是在第4位标志位加0,不要小看这个0啊。
        应用于所有匹配的样式,类似模糊匹配,*号就是什么都可以啦。
        div *{
         display:none;
        }

        <div><div></div><span></span></div>
        这类人其实就是那些家族的旁支了,他们虽然对家族来说是渺小的,但是毕竟还有家族血缘,至少可以当当小掌柜。
        看看下面那些人就知道什么叫卑微了。
      6. 继承样式和结合符[无]
        这个连0都不是,简直就是什么都不是,不是东西啦。

        1. 继承样式
          p会继承div设置的样式,但没有权重,任何方式给p定义的样式都可以轻易覆盖继承样式
          div{
           color:red;
          }

          <div><p></p></div>
        2. 结合符(combinator)
          1. 后代选择器(descendant selector/上下文选择器contextual selector)
            后代结合符(descendant combinator):空格
            空格前后的元素是后代关系。
            这么理解它呢?
            树结构的分支选择器。
            ……任何子孙中包含……(可一直嵌套下去,如:div p span
            div span{
             display:none;
            }
            <div><p><span></span></p></div><span></span><div><em></em></div>
            空格的左右两边不一定是子元素这样的绝对父子关系;而是父亲和子孙关系,即可以隔N代遗传。
            如果有相似两代的话当然有两个选择最接近的一代。如:
            两层span,只匹配最接近div的那个span。
            div span{
             display:none;
            }
            <div><p><span><h1><span></span></h1></span></p></div>
          2. 子(元素)选择器(child selector)
            子结合符:大于号(child combinator)
            大于前后的元素必须是父子关系。
            div > span {
             display:none;
            }
            <div><span></span></div><div><em><span></span></em></div>
          3. 相邻兄弟选择器(adjacentsibling selector)
            相邻兄弟结合符(adjacentsibling combinator):加号
            大于前后的元素必须是同级兄弟关系。
            li + li{
             display:none;
            }
            <ol><li></li><li></li><li></li></ol>

        这些就是要多少就可以雇佣多少的帮工了,他们没有只管工作,没有什么权利。

    2. 读者正常声明
  3. 用户代理(User agent)[5]声明
    一般指游览器。如:
    游览器对a元素有默认声明,为蓝色加下划线。

—————————
[1], [3] 名称来自《CSS权威指南》
[2], [4] 名称来自 W3C 中文版
[5] 访问web内容的软件,包括桌面图像浏览器,文字浏览器,语音浏览器,移动电话,多媒体播放器,插件程序,以及一些用来与浏览器联结的软件辅助技术,比如屏幕阅读器,屏幕放大器,语音识别软件等。
[6] W3C CSS标准英文官方网站
[7] 原创作者:fangle,
[8] 原文链接:http://www.28star.com/blog/2008/06/06/css-priority.html

Tags:, , , .

May 19th, 2008

5月19日14时28分全国默哀3分钟

No Comments Popularity: 30% [?], 闲言碎语

从地震还是,我无时无刻不在悲伤和被感动。
今天的全国3分钟哀悼,不管汽车火车轮船还是防空警报,都在同时鸣响。
虽然我预计了届时的场面,可是当身临其境是,我还是被深深感动。
这个声音犹如死者的悲鸣,生者的哭泣。

今天开始全国3天降半旗;
所有的报纸都是黑白的;
只有地震的信息,没有了广告(报纸变得更纯粹了,页数当然极度缩水了);
所有的娱乐节目暂停,
新闻视频网站首页第一屏都是黑白的,黑容都是地震的信息。

人心在此刻凝聚,我们都是中国人

Tags:, , .

March 24th, 2008

不期而遇

No Comments Popularity: 60% [?], 闲言碎语

今天坐地铁,竟然遇到了点石互动的kyw。我在地铁上看书,突然邻座的一人要我名片看,我以为被星探发现了,我要在演艺圈一展宏图了,哈哈。

结果然来因为我把自己名片当书签,他看见名片上的logo眼熟。

和他聊了一下得知,他认识我们老板。

也对用户体验和交互设计有兴趣,这也是他注意到我在看《交互设计之路》和后来一系列事情的起因吧。

记得周六在我发现有个校内的朋友加我,仔细一看,原来还是一个中学一个大学的校友,这世界很大,网络却很小。第一次深刻体会到sns对我的好处。

Tags:.

March 15th, 2008

嫦娥奔月之胡诌

2 Comments Popularity: 67% [?], 闲言碎语

fangle(622424)  0:31:00
这两天看报纸,决定要研究一下嫦娥
完美的骑士<>  0:31:21
……嫦娥??
完美的骑士<>  0:31:29
嫦娥多少号卫星吗
fangle(622424)  0:31:50
现在是嫦娥,大羿,后羿,鳄鱼,蟾蜍,玉兔的关系很复杂
CC(394954161)  0:32:01
好困。。。
CC(394954161)  0:32:02
睡觉
fangle(622424)  0:32:21
现在的传说是嫦娥和玉兔在月亮上
完美的骑士<>  0:32:39
新派考古学家。。天涯上很多这样的东西
fangle(622424)  0:32:46
可是汉代的时候月亮上市蟾蜍
5key(124141353)  0:32:47
你果然很闲
Continue Reading »

Tags:, , , , .

March 4th, 2008

FeedSky活动中心体验

1 Comment Popularity: 71% [?], 闲言碎语

哎又要验证了,我记得以前营销话题验证过一遍了啊,难道,被忽略了?

再次验证码:e1db480a

Tags:.

February 5th, 2008

晚上9点爷爷死了

5 Comments Popularity: 89% [?], 闲言碎语

2008年2月4日21点,小小年夜 

接到电话赶去看爷爷的路上,我想也许哭不出来吧,反正心情很乱,想骂人。

当看到爷爷躺在面前,我一下就哭了。

亲人第一次离开我,我摸着爷爷还暖暖的手,我一点也不害怕,因为他还活着吧,只是。。。

我帮着医生亲手把爷爷包在了尸袋里,当我在尸袋外贴上死亡证明的时候,是我最难过的时候。
就这样爷爷死了,
人在这一刻就被定义为过去了,
第一次这么接近死亡。

把爷爷搬到推车上的时候,不小心把爷爷的头“咚”一声重重的敲在了铁扶手上。
我哭了,不是哭敲痛了爷爷,而是哭爷爷他不会痛了,他完全没有反应了。

算了,反正就是难过,不知道说什么了,难过难过难过。

最后:爷爷一路走好。你说过死的时候不要铺张浪费只要穿着中山装走(一如往常你始终的打扮)。你说毛主席死时也是这个打扮,这个规格,你也要。

过会儿我会闭着眼睛想着描述着你,据说亲人不管分离多久都可以记得对方,就算形象已经模糊。

Tags:, , , .