加载中…
个人资料
小白
小白
  • 博客等级:
  • 博客积分:0
  • 博客访问:27,764
  • 关注人气:3
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
公告
酝酿已久的回忆录开工,其实已经写了不少,而且在其它地方早有贴出来,最近发现新浪BLOG功能性能都很不错,于是打算搬过来^_^
在下面【我的文章分类】栏目中会看到“回忆录”这一分类,所有回忆录文章全都会放在里面,而且文章标题也会有统一的格式:
【时间段】标题[ - 副标题] -连载编号
[ -副标题]是可选的。
 
看看我的历史吧,呵呵……
评论
加载中…
留言
加载中…
新浪微博
好友
加载中…
访客
加载中…
友情链接

寒泥巴

寒泥巴的BLOG

ZC

zc_张超_mnchao

陈帅的BLOG

陈帅的BLOG

桃花劫

几朵桃花的BLOG

博文
标签:

博客七周年

我的博客今天695天了,我领取了徽章.  

  • 2006.10.08,我在新浪博客安家。
  • 2006.02.15,我写下了第一篇博文:《开张啦~~~》。
  • 至今,我的博客共获得14,317次访问。

这些年,新浪博客伴我点点滴滴谱写生活!

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
在web前端开发的过程中,经常会遇到在小空间里要塞进去长文本的情况,当然最好的方法就是把显示不出来的文本替换为“省略号”了。

有很多浏览器都直接支持CSS(text-overflow)来实现这个功能,但是因为它不是CSS的标准,所以并不是所有的浏览器都支持,Firefox就是一个特例。不幸的是Firefox还是主流浏览器之一。

没办法,只能寻求更加通用的方法——用Javascript。

JQuery有个很棒的插件ThreeDots,悲剧的国人需要越墙才能看到它的官方主页,这里直接给出个下载链接吧。

这个插件适用于下列情况:
...文本太长了...
...文本不能适合有限的页面空间...
...你想要在web产品上实用可配置的灵活的“省略”功能...

这个插件用起来相当简单(�的人只需了解20%的用法就足够了)。

要在页面上导入jQuery的js,和上面下载到的ThreeDots的js

<div class="text-wrapper">
    <span class="ellipsis_text"><!-- 注意这里的 class="ellipsis_text" -->
        这里是你的长长长长的文本
    </span>
</div>

记住,外层div.text-wrapper一定要有显式的定义width,而且不能有固定的height或max-height。
还要记住,内层一定要是一个span。而且span的class要有定义,下面会有解释。

然后用js
$(".text-wrapper").ThreeDots();
就可以了...

加入你想限制一下文本的最大行数,可以这样
$(".text-wrapper").ThreeDots({max_rows: 3}); // 最大3行

刚才让注意的那个 class="ellipsis_text" 是默认固定的class,改了就无效了,当然如果你觉得这个不好看,完全可以自己改一个 class="my-class",然后用
$(".text-wrapper").ThreeDots({text_span_class: "my-class"});


---------- 看到这里基本够用了 ----------

可以从ThreeDots的源代码里看到更多的信息,例如其他的配置选项:

valid_delimiters:   [' ', ',', '.']         可以从什么字符开始省略
ellipsis_string:    '...'                   省略的文本替代符号,当然可以写称"等等" 或者
                                            ", etc."等
max_rows:           2                       最多显示几行文本
text_span_class:    'ellipsis_text'         包含文本的span的class
e_span_class:       'threedots_ellipsis'    省略符'...'的class
whole_word:         true                    是否保证省略前的最后一个单词是完整的,就是一
                                            定要在valid_delimiters所指定的字符处截断
allow_dangle:       false                   允许省略符单独占一行。通常是在多行文本中,最
                                            后一行是一个很长的单词,要么切断,要么省略。
                                            如果设置false,会覆盖whole_word的设置为false
alt_text_e          false                   MouseOver在省略符'...'上的时候是否显示完整
                                            文本提示框(tip)
alt_text_t          false                   MouseOver在被省略的文本(span)上显示完整文
                                            本提示框(tip)

至于它的文本截断算法,我这里就不详细说了,如果真的感兴趣的话,我相信你会更倾向于去看源代码的。哈哈。

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

下面的代码是最近非常流行的一段话!哈哈

try:
    if you.believe(it) or not you.believe(it):
        i.believe(it)
except Exception:
    print "It's a miracle!"
finally:
    it.justHappened()

能猜出来是哪段么~
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2011-06-29 23:56)
标签:

杂谈

分类: 生活点滴^_^

加班,不是被逼迫的,就是自己想加班,不想回家。晚上到12点半,公司就剩我一个人了,虽然还不太愿意回家,可是再晚怕一个人走夜路遭抢劫。依依不舍。

回家的路上还真发生了点什么,是被一个外地来的货车司机拦下问路。原本直行就可以到的,但是货车很大,路很窄两边还密密麻麻的停的全是私家车。我看司机担 心过不去,就给他指了另一条稍微绕远的路线。他开车绕远,我走近道。到前面汇合的岔口处,我担心司机走到这里又找不到地方了,于是就在路口停下来等。果 然,很快货车由远及近。当看到我在路口等的时候,不知道司机心里怎么想的,会是感激么?无所谓了。但行好事,莫问前程。

到家将近两点了,第二天7点起床,第一个到公司,同事们都说我疯了,我觉得也是。

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2010-12-28 01:14)
标签:

让子弹飞

杂谈

分类: 生活点滴^_^
看了《让子弹飞》也看了影评,趁着我对电影内容还寥寥记着几笔,思维意识还没有被大量的影评包裹和俘虏,写几句吧。

“想挣钱你就得跪着,想站着就挣不到钱。”“我就是要站着,还把钱挣了!”谁不想站着挣钱啊,能么?不是我夸张,太难了。人民的公仆——城管,都能让你跪着,还得交钱。就在它们推翻老人地瓜摊的时候,就没人敢出来当众给城管来个割喉?没人。“杀人是不对滴,是不对滴,是不对滴…要想弄死他,你就得先死。然后呢还要看他爸是不是李刚,如果是,得,白死,辛苦您呐,祈祷转世投个好地方吧。“

扯远了,回到电影,有人说呢这电影政治讽刺已经挺明显了,怎么剪刀署就没人给和谐一下呢?这还不简单么?低能人是看不到埋在1纳米深度下的物质的。当然,也有人问过我,国外也有这么个组织么。当然,我不知道。但我知道国外人口基数小太多了,就算低能的比率高一些,人数也不一定能凑够一个剪刀署。但或者人家比较尊重原著,电影仅予以评级,告诉观众们什么人可以看,至于看不看,大人管孩子吧,社会是不会帮你看孩子的,更不会让一帮低能儿帮你看孩子。

那莫扎特怎么就把唢呐吹到那个黑片儿片儿里了?张麻子给要转世投胎的指了一条明路。当然,这明路,我建议,是给上辈子已经付出过了的,因为你想弄死他,所以你先死了。好吧,到明路上躲躲吧。没有做过贡献的人呢?就是还活着的呢?跟着姜导继续往下看。

麻子的胆识,魄力,坚定的信念,让他勇于与黄四儿一斗。麻子有什么,有枪,有人,有枪,有人,有枪,有人。他有权么,有屁!一介山贼为民除害,推翻鹅城四座黄山,这样的“山贼”六十一年还不一定能出一个!民,只能靠等待山贼来救,多么可悲!

电影里镜头换来换去,也就是这么几个主角。民呢?怎么都光着膀子?六子剖腹时你们都围着看呢,他碗里是不是一碗凉粉?

打酱油的走了,俯卧撑的走了,躲猫猫的真的走了。

鹅城碎尸案真相大白,尸检部门宣称死于自杀、被自杀,死者用右手持刀将右手砍下又用右手将砍下的右手扔到5公里意外的路边,左手亦然。尸检部门是人民的部门,有关部门是人民的部门。有人民的部门么?有么?说实话我没见过,连个让人民相信的组织都没见过。有人可能会说人大代表,多么官方的一个词汇啊,人大代表真的是人民选出来的么?当选民也有很多年了,选票上从来都是几个陌生的名字。身边的人,至少是我问过的所有所有的人,没有一个知道自己选的是谁。唱票当然是“公平”“公正”“公开”的,经过一个严格的程序,在公证机关的监督下完成的。“我宣布,上述选举真实有效”。哥,你信么?

信不信又能怎么样?我们又不能左右什么,还不是天上掉钱,抱着钱打几圈麻将;天上掉枪,抱着枪打几圈麻将。钱,肯乖乖的交回去,枪,为什么不愿意呢?枪能保命啊!惜命啊!太真实了,太深刻了,太“肤浅”了。

哥,被奴的太久了吧,敢怒不敢言了吧。有没有曾经想过,幻想过有人登高一呼应者云集的场景,去打到黄四儿?真有人登高呼了,敢出去云集么?敢第一个出去云集么?静观其变者不下于9成9。惜命,还是惜命,不是错,我也惜,没办法,人活着其实就是为了活着,至于更不更好,还是先活着吧。

“谁赢,他们跟谁!”姜导您能不能赢,就看您造化了,票房4亿多,您有几成胜算了?

撇开姜导。哥,昨儿的钱您交回去了吧?枪呢?子弹没出膛,怎么让它飞。
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 

 

某人用Java搞了一个流体力学的演示。

http://grantkot.com/MPM/Liquid.html

不过,这仅仅是个开始。某同学将其发布上了reddit.com,于是,全世界的同学们开始给力了——

Flash的开发者首先不服,搞了个 flash版(带源码):

http://wonderfl.net/c/yxe9


看到了Flash版,Javascript+HTML5的同学们也不干了,于是出现HTML5版(带源码):

http://www.music.mcgill.ca/~sinclair/content/blog/liquid_simulator_ported_to_canvas


不过性能慢了很多,所以,又有人优化了一下HTML5版的程序:

http://jsbin.com/unovo4


SVG的同学们也不甘寂寞,不过,那真叫一个慢啊。

http://ulo.pe/js-liquid-svg/


这个时候,C/C++同学出来了,使用SDL库也搞了一个:

http://q3k.org/fluidsim.zip

——————

短短几天里,被人重写成各种语言。这个程序写起来真的很简单吗?是我out了吗?

 

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
(2010-12-02 10:45)

真不敢相信,在微软的LiveSpaces归并到WordPress之后,国内两大门户网网易和新浪提供的博客,立刻,马上做出了反应,支持LiveSpaces搬家到自己的博客。但最终貌似还是新浪更胜一筹,成为官方的微软合作伙伴。

前段时间,因为网易支持LiveWriter直接写博,所以我选择了网易。今天惊喜的发现,新浪居然也开始支持LiveWriter了!在此我不得不佩服一下你们的速度,感叹一下业界竞争之激烈。

但是,新浪这个举动让我陷入了两难,换回去?不换?

话 说我在新浪历史悠久,自打06年就入驻新浪(入赘?入驻?),伴随我度过了在北京实习的春秋,在国外孤独寂寞的春秋。只因前一段看上了网易支持客户端,便 转移过来小适用几天。现在新浪也支持了,我再搬回去,在良心上总有一种“不忠不孝不仁不义”的感觉。好吧,给自己良心一点安慰,辛苦一些,两边同时更新。

新浪:http://blog.sina.com.cn/morningbzy/

网易:http://morningbzy.blog.163.com/

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

杂谈

分类: 生活点滴^_^
Google推出的程序设计语言Go,几年前,有人提出说他自己曾经设计过一个语言命名为“Go”,并且写了很多论文以及书籍,他给Google提出问题,要求Google改名,因为他不想修改自己的语言[http://code.google.com/p/go/issues/detail?id=9

几年后的今天,Google终于给出了答复:
Comment 1097 by project member rsc@golang.orgYesterday (37 hours ago)

The naming similarity is unfortunate. However, there are many computing
products and services named Go. In the 11 months since our release, there
has been minimal confusion of the two languages, so we are closing this
issue.
该Issue的状态就变成了
  Status: Unfortunate

多么有创造性的一个状态,哈哈!
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

博客五周年

我的博客今天3341天啦!

2006年10月08日,在新浪博客安家。

2006年10月09日,写下了第一篇博文:《【有“史”之前】题记 - 001》

这些年来,新浪博客,陪伴着我一点一点谱写生活。

文 章 数 166篇
图 片 数 0张
访问人数 11114次
  • 过去5年的总结:

    博客写了不少,后来也停滞了很久,辉煌过后的惭愧…
    回忆录还是要继续写的! Follow me!

  • 我今天的心情:

    今天很High~

  • 向未来许下一个愿望:

    愿新浪博客越办越好!

如果您的勋章无法正常显示,纪念博文格式错乱,请点击查看常见问题解答
阅读  ┆ 评论  ┆ 转载原文 ┆ 收藏 
标签:

it

分类: DevTips
写了一段javascript,
[/code]
function send(strCmd) {
    cmd = strCmd.split(" ", 1)[0];
    args = strCmd.slice(cmd.length + 1);
}
[/code]
在Firefox,Chrome下执行一切正常,唯独到了IE下,总是出现“对象不支持此属性或方法”错误。
搜索+纠结了很久,才发现cmd和args前没有写var声明变量。

在这里佩服一下IE对javascript的严谨,赞美一下Firefox和Chrome对javascript的包容。
阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
  

新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有