JKisJK - 博客园

selector4 之巧妙的主体定义符

摘要： “我叫土旦然”在Wed群里问“css选择符能不能选择一个元素的前一个元素？”印象里，css的几个关系符： _ 后代 > 亲子 + 弟弟～弟弟们都是向后找的。。。。没有向前找的。即在参考节点后面的才可能找到。向后找的好处是：查找的方向是单向的，如果支持向前找，路径算法会麻烦很多。。。不过土旦然的需求也很合理，晚上去看了下css4的草案，真的有类似的方案：selector主体定义符："!"http://dev.w3.org/csswg/selectors4/#subject如果浏览器真的实现了，就可以下面这句很简单的话来实现土旦然的需求了：!div + #myId { 阅读全文

posted @ 2012-12-10 21:07 JKisJK 阅读(1449) 评论(1) 推荐(0)

神奇的"javascript:"

摘要：上周，从 GuoXing同学 http://weibo.com/runflash 那里学习的一个知识点，没等到他的博客，我就抢先记录一下。（捋须笑过）问题：以下代码里的“javascript:”是起什么作用？<input type=button value=test onclick="javascript:alert(1)"/> 在href里写“javascript:alert(1)”，这里是作伪协议，不过在onclick里写，是有什么用呢？难道是指定语言类型？ ok，再我们改下试下：<input type=button value=test onclic 阅读全文

posted @ 2012-10-24 16:41 JKisJK 阅读(1473) 评论(3) 推荐(1)

某台机器上IE8抛“Invalid procedure call or argument”异常

摘要：某台机器上，访问公司的好几个产品网站，都抛出很多“Invalid procedure call or argument”，跟进了下，情况最后简化为：1. 环境：browser_info:"platform:Win32;msie;version:8.0;ie",navigator:"appCodeName:Mozilla;appName:Microsoft InternetExplorer;appMinorVersion:Release Candidate1;cpuClass:x86;platform:Win32;systemLanguage:zh-cn;userL 阅读全文

posted @ 2012-09-29 17:47 JKisJK 阅读(2917) 评论(1) 推荐(0)

自执行函数的几种不同写法的比较

摘要：经常需要一个函数自执行，可惜这一种写法是错的：function(){alert(1);}();原因是前半段“function(){alert(1);}”被当成了函数声明，而不是一个函数表达式，从而让后面的“();”变得孤立，产生语法错。按上面的分析，这一段代码虽说没有语法错，但也是不符合我们的预期的，因为这个函数并没有自执行。function(){alert(1);}(1);综上，症结在于，如何明确代码描述的是一个函数表达式，而不是函数声明语句。正确的写法多种多样，也各有利弊：方法1：最前最后加括号(function(){alert(1);}());这是jslint推荐的写法，好处是，能提醒阅阅读全文

posted @ 2012-08-15 18:21 JKisJK 阅读(1765) 评论(4) 推荐(3)

围观STK

摘要：先科谱一下，STK是新浪微博的前端javascript脚本库，这个介绍很风趣： STK起源于sina twitter`s kit。后来内部改成史塔克了，是钢铁侠的主角托尼·史塔克的意思，世界最大的军火商。但这史塔克这名字太晦涩难记，后来传着传着就成沙滩裤了，没啥具体含义，只是谐音好说。其实听到STK已经有很多次了，不过可能是因为新浪的知识产权保护策略，源代码一直没有公开，所以我也一直没有去仔细了解。最近又听CJ同学讲到了STK，于是决心再去看一下，就算是苦B的看压缩后的代码。压缩后的代码来自这个网址：http://js.t.sinajs.cn/t4/home/js/base.js 阅读全文

posted @ 2012-08-11 16:18 JKisJK 阅读(5646) 评论(4) 推荐(1)

备忘：递归callee.caller导致死循环

摘要：今天网友 Baobao包子反映QWrap里的QW.EventH.getEvent有可能会产生死循环。代码如下： /** * 获得event对象 * @method getEvent * @param {event} event (Optional)event对象默认为调用位置所在宿主的event * @param {element} element (Optional)任意element对象 element对象所在宿主的event * @return ... 阅读全文

posted @ 2012-06-01 16:38 JKisJK 阅读(1424) 评论(1) 推荐(0)

随机问题之--洗牌算法

摘要：洗牌算法是我们常见的随机问题，在玩游戏、随机排序时经常会碰到。它可以抽象成这样：得到一个M以内的所有自然数的随机顺序数组。在百度搜“洗牌算法”，第一个结果是《百度文库-洗牌算法》：http://wenku.baidu.com/view/c4fea82658fb770bf78a55b7.html扫了一下里面的内容，很多内容都容易误导别人走上歧途，包括最后用链表代替数组，也只是一个有限的优化（链表也引入了读取效率的损失）。该文里的第一种方法，可以简单描述成：随机抽牌，放在另一组；再次抽取，抽到空牌则重复抽。“抽到空牌则重复抽”这会导致后面抽到空牌的机会越来越大，显然是不合理的。可以优化一步成：牌抽阅读全文

posted @ 2012-04-23 21:23 JKisJK 阅读(22420) 评论(9) 推荐(7)

onclick与listeners的执行先后问题

摘要：以下代码，会先执行onclick，然后再执行事件监控：<HTML><HEAD> <TITLE>JK Test</TITLE> <META content="text/html; charset=utf-8" http-equiv=Content-Type> <script src="http://s0.qhimg.com/lib/qwrap/110.js" type="text/javascript"></script> <style> d 阅读全文

posted @ 2012-04-08 14:19 JKisJK 阅读(1319) 评论(1) 推荐(0)

Textarea与懒惰渲染

摘要： 2008年有啊第一次性能优化时，我们曾用textarea来存贮需要懒惰渲染的节点。代码如下。<div>立即渲染内容<ul> <li>张三<img src="p01.jpg"/></li> <li>张四<img src="p02.jpg"/></li></ul></div><div><textarea id="lazyRender01" style="display:none"&g 阅读全文

posted @ 2011-12-31 21:12 JKisJK 阅读(1337) 评论(5) 推荐(1)

QWrap Selector之W3C版

摘要：之前也曾经有过一系列《QWrap Selector解密》文章，讲到过QWrap里的dom/selector.js里的大多数要点。今天又整了一个完全依赖浏览器的querySelectorAll的slector版本：selector_w3c.js。与之前的selector.js的接口名称相同。我们自己写一个selector.js，这样我们就有弥补标准的不足的自由。例如，就算最新的浏览器，也依然没有人严格实现matchesSelector。而我们的selector.js里早就有了filter与test方法来实现matchesSelector的功能。从另一个角度看，我们有时需要为某些特定场景定制一些阅读全文

posted @ 2011-11-27 19:06 JKisJK 阅读(1058) 评论(0) 推荐(0)