无题

无题,或是无中心,或是无法表达。

记忆,是个很会欺骗人的东西。总以为会一生一世永世难忘,结果时过境迁,记忆消淡。

当初念念不忘的恩师容貌无法再忆起,只保留着对我的好和那时那份心情。而这些还能留住多久,实在没有信心。

离别,最是伤人。

刻意保持着一定的距离,其中也有着不想离别时莫名感伤的原因。可惜,时间久了,还是会慢慢熟悉; 逐渐大了,慢慢变得重感情。

不淹没于烟雾,也不醉于酒坛,偶尔静坐,无言。

element.scrollIntoView

有一个常见的需求是:把页面滚动到某一个元素处。

我一直以来的做法都是计算处该元素再页面的位置,然后设置 documentElement 的 scrollTop 或用 window.scrollTo(x, y) 来实现。

发现 DOM API 中有着一个简单的方法,并且兼容包括 IE6 等主流浏览器,那就是 element.scrollIntoView(alignWithtop) 。

从命名可知,是把对应元素滚入可视范围,可带一参数,参数类型是 boolean,true 时表示元素顶部和滚动区域的顶部对齐,false 时元素底部和滚动区域底部对齐,不带该参数和 true 的效果一致。

关于对齐,说的自然是尽可能对齐,当无法再滚时,不会拉伸页面来强行对齐。

上面用「滚动区域」而不是窗口来表述对齐,说的是不单对整个页面的滚动可用,也对页面别的有滚动条的元素生效。当对某一元素应用该方法时,从最内层的滚动区域开始调整 scrollTop,没进入可视范围,再继续调整外层滚动区域的 scrollTop 。

一个 demo

References

如果把西游记倒着看

这个传奇有点久了,但不时想起,决定转一下。

——–++ 如果把西游记倒着看~ ++——–

如来派师徒四人与八部天龙小白龙去东土大唐去传教,在一路上遇到了各种妖怪,打来打去发现他们都是有后台的,无论怎么作恶都不受惩罚,

八戒和沙僧觉得太黑暗了,无奈一个躲进了高老庄,一个钻进了流沙河,只有悟空坚持正义一路斩妖除魔护送师傅东去传教。结果天庭对悟空实在忍无可忍就和如来达成协议——我们可以保证唐三藏平安到长安,不过你得把孙悟空这个刺儿头给办了,

如来同意了,在一翻阴谋之下,白龙重伤坠入山涧,悟空败了,被压在了五指山下,而唐三藏却抛弃了孙悟空,孤身来到长安,在长安传完教,被封为御弟,享受完荣华富贵,寿终正寝。

就这样过了五百年, 悟空终于从五指山下逃了出来, 一声不吭 ,把天庭搅了个天翻地覆, 天庭被逼无奈许诺让猪八戒化为人身,封为天蓬元帅,沙和尚封为卷帘大将,只要他们能够杀掉孙悟空。

最后的最后,因为兄弟相残而心灰意冷的悟空去寻找菩提祖师解惑,然后他封印了修为,回到花果山,陪着猴子猴孙过完了平凡的一生,最终在花果山的山顶化作了一块石头……

使用 weinre 远程调试移动端页面

首次做移动设备,发现调试很困难。mac 平台好点,可以通过 iOS 设备直连 mac 用 safari 来 debug,又由 MIHTool 工具。

但别的平台就惨了,虽然有跨平台的的 Adobe edge inspect,但免费版只能同时连一个客户端,而且需要通过 Adobe 的服务器来中转,速度很慢。Chrome 的 【USB 网页调试】功能就更惨了,不但需要通过官方服务器中转,这服务器还是 appspot 的,在国情面前,华丽倒下。

一番尝试后,尝试用 weinre 来调试。

工具说明略过,到官网翻阅。

从我搜到的文章来看,以前是 jar 包的,目前改用 nodejs,所以一下说明仅做记录备忘,具体以官方文档为转。

安装并测试

安装 node.js 环境,这样已附带包管理器 npm。下一步,npm 安装 weinre。

1
npm -g i weinre

查看命令用法
Read More

输给了永恒

看了下微信里的文章就凌晨了,趁周一打球后习惯性晚睡来写点东西吧。

上周末在线跳着看了部泰国电影,其名为《永恒》,摘自豆瓣的剧情简介如下:

尚孟(阿南达·爱华灵咸 Ananda Everingham 饰)从小就父母双亡被叔叔木材富商帕博(Teerapong Liaorakwong 饰)收养长大。从缅甸森林大学毕业归来,他就帮叔叔打理林场。尚孟长的帅气文雅且没有不良嗜好,他的叔叔帕博可是个风月高手,这天帕博又把从曼谷遇到的美貌而富有智慧的女子玉帕蒂(赖拉·邦雅淑 Laila Boonyasak 饰)娶回了森林的家。在尚孟和玉帕蒂日常交往中互生好感,终于在帕博去曼谷时两人跨越了防线,发生了关系。之后两人经常幽会,帕博从曼谷回来后,很快发现了他们的事。愤怒的帕博为了惩罚他们,决定用大铁链把两人永远锁在一起。起初尚孟与玉帕蒂还庆幸两人永远能在一起再也不会分开,可随着时间流逝,事情在悄悄的发生着难以想象的变化……

Read More

1 2 3 ... 62