Category Archives: jQuery

今天遇到个诡异bug，设计丢过来的皮肤测试下来无法在文本框中输入中文，输入法调不出来。 本来以为是设置了ime-mode，结果搜了半天没找到。 调试了半天原来设计那边误加了这样一段代码 input{     bblr:expression(this.onFocus=this.blur()); } 本来这句应该是用在链接 a 标签上的，用于去除虚线框，他是让链接元素一获得焦点，立即触发失去焦点的事件。结果在IE中就导致了在input中无法激活输入法了，因为系统认为你根本没有在输入框中嘛~ 调试的很辛苦，不过这个发现很有趣。算是一个IE-Only的小hack吧，而且超好用。仅在ietester中测试过ie6和系统自带的ie8，其他的大家试着玩吧。 另外，我不反对使用css表达式，为了实现功能，用用也无妨，毕竟用户电脑卡死的几率较小，而功能不实现的话100%就是失败了。不兼容其他浏览器，那是另一回事了。比如网银，比如公司内部系统什么的，还是很有现实意义的小技巧

先前看TED视频，关于 学校教育扼杀创造性的视频。 视频很好，也有中文字幕等。下面也提供高清版本下载，很是欣喜。 遗憾的是，字幕不提供下载。（或者说我没有找到） 俗话说，自己动手丰衣足食。直接拿Firebug找到字幕文件地址，下载下来看到是JSON格式的，随即想到直接用JS输出字符串就可以转换到srt字幕。 代码如下，非常简单的代码，实用就好，不求效率、安全和边界问题，只求最快解决我的问题~ 不得不说，学一门编程语言很有意义，不论是什么，都能很方便解决一些实际的问题。这很开心。 JS仔细说来是一门很强大的语言，处理JSON和XML都很方便，大多数时候应付足够了。不过也会有力不从心的时候，尤其是对于系统的操作，总有很多缺陷。不过如果算上微软的JScript的话，也很可以了。曾经想学Python，现在也坦然了，随便用什么，喜欢就好。或许，这与我不再从事IT相关行业有关吧。够用就行咯~ //读取chi_hans文件 $.getJSON("chi_hans",function(json) {     var c=json.captions,o=[];     for (var i=0,l=c.length; i<l; i++) {         o.push(i+1);         //这里的18500是时间偏移         o.push(timeline(c[i].startTime+18500)+" –> "       … Continue reading →

如果你用VIM，这会对你有用的。 http://www.vim.org/scripts/script.php?script_id=2416 如果你不用，为何不尝试一下呢？ （虽然我几经尝试未果，但试试总不会错的~）

Twitter上看到快讯，腾讯的同学们整理了CSS 3手册，分享给订阅我博客又不上Twitter的同学~ 废话不多说，大家猛击这里下载。

之前写过一篇博客，问是否敢对IE6说不。实际上，我虽然自己没有公然抗议，暗自的还是有一些的。 最常见的就是:hover伪类了。除了二级菜单这类关键部位之外，其他地方一律用此处应当使用的标签，而不滥用a。其:hover伪类IE6无法支持，大不了少了点效果而已，不会有功能损失。想获得更好体验？请升级。为此写脚本做兼容？抱歉，我没时间。实际上，很多时候需求方并不在意这些细节交互地方。他们都不在意，你在意什么？ 圆角？对不起，我可不高兴用一堆标签弄出圆角来。九宫格之类的办法不是不会，只是嫌麻烦。一堆标签自己看得心烦。直接用border-radius，浏览器要支持你就圆角，不支持就方的好了，没什么了不起的。除非需求方强烈要求，那在说 阴影？呵呵，同样对不起，阴影如果方便直接背景就背景，不方便实在抱歉……我给一个box-shadow已经很不错了，兼容Chrome Firefox 3.5呢。没了阴影功能又不会缺失，可有可无。 文字阴影？text-shadow伺候，如果需求方执意要求，那只能做背景图了……只是Chrome下文字阴影效果真是颗碜。。。 其实CSS3有很多很美妙的特性，利用这些特性可以非常轻易制作很出众的效果，何苦为了一些效果而花费大量时间呢？ 适当跟需求方说明这些。告诉他们实现这些所要消耗的人力成本有多高。让他们自己决定哪些一定要，哪些可以放弃一部分低级浏览器用户。 在完善的沟通下，才能说服老板，说服需求方逐步抛开低级的浏览器，才能促进整个大环境的改变。

之前一直是纯技术博客，现在打算逐渐转一点，逐渐加入些生活元素。 当然，我也有另外的博客，太过私人化的不会放在这里了。大家放心。（就算我想放你们也管不着，这是我的博客，灭哈哈哈哈~~） 虽然有了twitter，但有些时候还是博客可以积淀一些东西。 架设Dabr和twitter的api很容易，我也有架设，能猜到的话，欢迎一起用，但别声张~ 你也可以自己架设自己用。很容易搜索到教程 另外，收到 likeren 邀请（他的博客很人文，搞技术测宅男们建议吸取一些人文素养），尝试了一下国外的基于软件同好的SNS Wakoopa有兴趣可以上面来一起玩。 再另外，最近接了个项目后，有了点感悟，想写博客，结果发现想要写的太多，纠结很久。在此次牢骚一下……

最近要开始记账，寻遍国内外各种在线记账的也未能找到完全诚心如意的。最终觉得账族整体界面、操作上都比较符合我要求。 源于在Todoist上任务管理的录入方式，通过一系列命令可以快速输入。所以希望这里入账也有命令行。 而这个网站又恰巧用了jQuery，就写起来更顺手了。 此外，这个网站貌似目前主要开发任务是论坛……我不说啥了……不指望他们近期能开发这个功能。 所以，为了进一步加速入账效率，则开发了这个脚本。 比如我输入： 工资 +5000 回车，早就自动往我工资帐户加上了5000元（其实我工资远不到5K。。。不过做的蛮开心，暂无跳槽之意。） 又比如输入： 3 旅游 1000 信用卡 就自动设置为3天前，旅游用信用卡花了1000，花费分类是旅游 就类似这种功能。 地址是： http://userscripts.org/scripts/show/55688 我用着还挺爽。

去年写过一个小插件，json2select 一直想要转换出配套的数据，但总有这样那样的问题之后，终于拖到了现在。 好在一切悲剧的日子已经过去了，新时代已经来临。猛击这里 三级联动，直辖市精确到城镇街道，一般城市到达区。强烈推荐。 这一切都要感谢 Asfman ，辛勤的工作，当然也少不了感谢搜狐白社会，是他们提供了这么好的数据，也要感谢我们伟大祖国，我们中华民族地大物博，省市也很多…… 这套数据有100K多一点，但可以想办法压缩 把其中重复字符串替换掉，把街道替换成j，市替换成s，区替换成q，都可以减少文件体积。要用的时候先用正则替换后，再eval执行字符串就能得到数据了，可以达到68K左右 另外，保存成gb2312的话也可以减小体积。目前我手头的是52K左右大小了。但可能导致乱码，慎用。 进一步，如果通过词频分析，找出重复最多的前20个，替换的话，相信可以把体积维持在30K以下了。但手头没工具，最近也很忙，所以大家自己发挥吧。 我粗略压缩后的东西我就不单独发布了。 update: 在热心网友 Noker （虽然截止到目前位置似乎博客里还空着）的帮助下，已经把这套数据压缩到只有30K左右了。太棒了！ 大家可以到 移步到这里下载 对应的数据，以及查看demo update: 网友fantasy提出一个潜在的bug，由于这套数据中只有 标题 子元素 而没有对应的value值，所以后台无法获取到。为此需要修改一下源文件创建option的那一行 <option value=’"+sd.v+"’ 改成 <option value=’"+(sd.v||sd.t)+"’ 即可 或者重新下载1.0.1版即可

jQuery 1.3.3发布的日子日趋临近，各种新功能逐渐浮出水面（我咋像在写小说……） 改进了toggleClass()/hover()/live()/index()等方法，总之可以进一步简化代码了。 废话不多说了，直接上链接，有兴趣的同学直接去Cloudream那里看就可以了： http://www.5iya.com/blog/post/jquery-1-3-3-new.asp

今日闲逛，走到了维基文库水调歌头 (明月几时有)，恰巧发现他居然是文字竖排的，很有兴趣一看。 网上目前两种方法竖排， 一种是用 writing-mode:tb-rl; 另一种是用 layout-flow: vertical-ideographic; 但遗憾的是，这两种方法都基本是 IE Only 的…… 那么维基文库是如何做到的呢？随便翻看一下代码，恍然大悟~ <div style="font-size:xx-large;font-weight:bold;line-height:1em;width:1.5em; float:right;">水調歌頭</div>  <div style="width:1.5em; float:right;">　</div>  <div style="width:1.5em; float:right;">蘇軾　</div>  <div style="width:1.5em; float:right;">　</div>  <div style="width:1.5em; float:right;">明月幾時有　</div>  <div style="width:1.5em; float:right;">把酒問青天　</div>  <div style="width:1.5em; float:right;">不知天上宮闕　</div>  <div style="width:1.5em; float:right;">今夕是何年　</div>  <div style="width:1.5em; float:right;">我欲乘風歸去　</div>  <div style="width:1.5em; float:right;">又恐瓊樓玉宇　</div>  <div style="width:1.5em; float:right;">高處不勝寒　</div>  <div style="width:1.5em; float:right;">起舞弄清影　</div>  <div style="width:1.5em; float:right;">何似在人間　</div>  … Continue reading →