语源科技BlogJava-BlogJava Of JackLau

关于UTF8页面中文COOKIE个人解决办法

jacklau — Tue, 25 May 2010 05:40:00 GMT

关于UTF8页面中文COOKIE个人解决办法：

1.使用cgi语言将中文转换成unicode编码，如"\u****"；
2.将unicode编码写入cookie；
3.使用js转换此unicode，如：
unescape(CE.cookie.get("***").replace(/\\/g,"%"))

搞定！不知道还有没有更好的解决方案，或者该方法是否存在一些漏洞问题？？

jacklau 2010-05-25 13:40 发表评论

关于链接上面直接写javascript事件的问题

jacklau — Tue, 26 Jan 2010 03:20:00 GMT

关于链接上面直接写javascript事件的问题，今天组内讨论了一下，小写一下：

常见的写法有：

1. //直接在href属性中执行fun事件
2. //在onclick属性中执行fun事件
3. //href属性指向"#"，而onclick事件中return false阻止默认行为

最终投票决定使用第三种方法，前两种方法在IE6都会是gif或其他可以动画效果的东东静止掉。。。具体原因应该是浏览器渲染问题吧，呵呵

第三种方法也有用到针对SEO方面的应用，比如我有一个连接是到一个静态页面a.html，但是由于需求方面的问题需要通过一个cgi再跳转到a.html，如：b.cgi?uri=a.html，这样的写成：XXX表面上可以解决了问题，但是这种算不算是SEO的URL欺骗行为呢？

jacklau 2010-01-26 11:20 发表评论

无缝拖动代码

jacklau — Sun, 17 Jan 2010 04:16:00 GMT

主要功能：
1.拖动
2.可配置相对位置
3.平滑移动

CE.Tween = {
plcMove : function(o, a, s, e, callback, speed){
  var sTime = +new Date(), p, speed = speed || 100;
  var iTimer = setInterval(function(){
   p = (+new Date() - sTime) / speed;
   if(p >= 1){
    o.style[a] = e + "px";
    callback && callback.call(o);
    o = null;
    return clearInterval(iTimer);
   }
   o.style[a] = s + (e - s) * ((-Math.cos(p * Math.PI) / 2) + 0.5) + "px";
  }, 10);
}
};

CE.Util.Drag = {
    dcount : 0,
    dList : {},
    bind : function(c,obj){
        var _this = CE.Util.Drag;

        var _d = obj.d || c;

        if(!_d){return;}

        if(!_d.did){

            _d.did = _this.dcount++;

            _this.dList[_d.did] = _d;

            var _x ,_y,_isdown = false,_scape = null,_p = null;

            _d.style.cursor = "move";

            var down = function(e){
                _isdown = true;

                _p = obj.refer || document.body;

                _x = e.clientX - _d.offsetLeft; //初始坐标
                _y = e.clientY - _d.offsetTop;

                if(null == _scape){
                    _scape = document.createElement("div");
                    _p.appendChild(_scape);
                }

                _scape.style.border = "1px dotted #06459c";
                _scape.style.position = "absolute";
                _scape.style.zIndex = c.style.zIndex + 1 || 1;
                _scape.style.width = c.style.width;
                _scape.style.height = c.style.height;
                _scape.style.left = c.offsetLeft + "px";
                _scape.style.top = c.offsetTop + "px";

                c.style.filter = "Alpha(Opacity=60)";
                c.style.opacity = 0.6;

                if(_scape){
                    CE.Event.addListener(document,"mousemove",move);
                    CE.Event.addListener(document,"mouseup",up);
                    document.onselectstart = function() {return false};
                    if(window.getSelection){ //非ie
                        window.getSelection().removeAllRanges();
                    }
                }
            };
            var move = function(e){
                if(!_isdown){return};
                _scape.style.left = e.clientX - _x + "px";
                _scape.style.top = e.clientY - _y + "px";
            };
            var up = function(){
                _isdown = false;
                if(_scape){
                    if(obj.tween){
                        CE.Tween.plcMove(c,"top",parseInt(c.style.top, 10),_scape.offsetTop);
                        CE.Tween.plcMove(c,"left",parseInt(c.style.left, 10),_scape.offsetLeft);
                    }else{
                        c.style.left = _scape.offsetLeft + "px";
                        c.style.top = _scape.offsetTop + "px";
                    }
                    c.style.filter = "Alpha(Opacity=100)";
                    c.style.opacity = 1;
                    _scape.style.zIndex = c.zIndex - 1 || -1;
                    _p.removeChild(_scape);
                    _p = null;
                    _scape = null;
                    document.onselectstart = function() {return true};
                }
            };
            CE.Event.addListener(_d,"mousedown",down);
        }else{
            for(var item in _this.dList){
                if(_d.did === item.did){
                    return;
                }
            }
        }
    }
};

jacklau 2010-01-17 12:16 发表评论

一个事件绑定类，支持this

jacklau — Wed, 13 Jan 2010 17:17:00 GMT

特点：
1.支持fn参数中使用this关键字
2.相同fn绑定无效

缺点：
非ie下不能直接使用匿名函数直接当参数传递，这个谁有比较好的解决办法么？

CE.Event = {
    handler : function(e){
        e = e || window.event;
        var _fn = "_" + e.type;
        if(this[_fn]){
            for(var _f in this[_fn]){
                this[_fn][_f].call(this,e);
            }
        }
    },
    bind : function(obj, act, fn, capture){
    if(window.addEventListener){
            obj.addEventListener(act,fn,capture || false);
        }else{
            var _fn = "_" + act;
            act = "on" + act;
            if(!obj[_fn]){
                obj[_fn] = [];
                obj[act] = CE.Event.handler;
            }else{
                for(var _f in obj[_fn]){
                    if(obj[_fn][_f].toString() === fn.toString()){return};
                }
            }
            obj[_fn][obj[_fn].length] = fn;
        }
    },
    unbind : function(obj, act, fn, capture){
        if(window.removeEventListener){
            obj.removeEventListener(act,fn,capture || false);
        }else{
            var _fn = "_" + act;
            if(obj[_fn]){
                for(var _f in obj[_fn]){
                    if(obj[_fn][_f].toString() === fn.toString()){
                        try{
                            delete obj[_fn][_f];
                        }catch(e){
                            obj[_fn][_f] = null;
                        }
                        return;
                    }
                }
            }
        }
    }
};

提升了一下执行效率：

CE.Event = {
    ecount : 1,
    handler : function(e){
        e = e || window.event;
        if(this.evns[e.type]){
            for(var evn in this.evns[e.type]){
                this.evns[e.type][evn].call(this,e);
            }
        }
    },
    bind : function(obj, act, fn, capture){
        if(window.addEventListener){
            obj.addEventListener(act,fn,capture || false);
        }else{
            if(!fn.id){fn.id = CE.Event.ecount++};
            if(!obj.evns){obj.evns = {}};
            if(!obj.evns[act]){
                obj.evns[act] = {};
                if(obj["on" + act]){
                    obj.evns[act][0] = obj["on" + act];
                }
            }else{
                for(var evn in obj.evns[act]){
                    if(evn.id === fn.id){return;}
                }
            }
            obj.evns[act][fn.id] = fn;
            obj["on" + act] = CE.Event.handler;
        }
    },
    unbind : function(obj, act, fn, capture){
        if(window.removeEventListener){
            obj.removeEventListener(act,fn,capture || false);
        }else{
            if(obj.evns && obj.evns[act]){
                try{
                    delete obj.evns[act][fn.id];
                }catch(e){
                    obj.evns.act[fn.id] = null;
                }
                return;
            }
        }
    }
};

jacklau 2010-01-14 01:17 发表评论

自己尝试写的几个正则

jacklau — Fri, 08 Jan 2010 11:03:00 GMT

1.匹配电话号码(国内)
(?:$?(?:[\+0]?)[0-9]+?[$?-])?[0-9]{3,4}(?:-?)[0-9]{7,8}(?:(?:-?)[0-9]+)?
匹配：01012345678，010-12345678，+86-010-12345678，(86)010-1234567，(086)010-12345678 等等

jacklau 2010-01-08 19:03 发表评论

新写了一个兼容ie，ff的Storage类

jacklau — Wed, 06 Jan 2010 14:28:00 GMT

新写了一个兼容ie，ff的Storage类，主要实现：
1.存储，
2.获取，
3.删除，

数据支持字符串/json

以下是源码：

Storage = (function(){
    var isInit = false;
    var obj = null;
    var defDay = 365;
    var isIE = ("\v" == "v");
    var ikey = "Tenpay_Default_Data";
    var domain = document.domain; //或者提取自己框架的
    var initObj = function(){
        if(isIE){
            obj = document.createElement("div");
            obj.id = "Default_JData_id";
            obj.style.behavior = "url('#default#userData')"
            document.body.appendChild(obj);
            isInit = true;
        }
    };
    var setExpire = function(day){
        defDay = day;
    };
    var jsonToStr = function(json){
        var list = [];
        if("string" === typeof(json)) return "\""+ json.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\"";
        if("number" === typeof(json)) return json;
        if("undefined" === typeof(json)) return "undefined";
        if("object" === typeof(json)){
            if(null === json){return null}
            else if("function" === typeof(json.sort)){
                for(var i = 0,len = json.length; i < len; i++){
                    list.push(jsonToStr(json[i]));
                }
                return "["+ list.join() +"]";
            }else{
                for(var i in json){
                    list.push(i + ":" + jsonToStr(json[i]));
                }
                return "{"+ list.join() +"}";
            }
        }
    };
    var strToJson = function(str){
        return eval('('+ str +')');
    };
    var setData = function(name, value, domain_name, key, day){
        ikey = key || ikey;
        domain = domain_name || domain;
        if(!isInit){initObj()};
        if(value instanceof Object){
            value = jsonToStr(value);
        }
        var d = new Date(),exps = (null != day ? day : defDay);
        d.setSeconds(d.getSeconds() + exps * 24 * 3600);
        try{if(isIE){
            obj.load(ikey);
            obj.setAttribute(name, value);
            obj.expires = d.toUTCString();
            obj.save(ikey);
        }else if(window.globalStorage){
             globalStorage[domain][ikey + "__" + name] = value;
             globalStorage[domain][ikey + "__expire"] = d.getTime();
        }}catch(e){}
    };
    var getData = function(name, domain_name, key){
        ikey = key || ikey;
        domain = domain_name || domain;
        if(!isInit){initObj()};
        try{
      if(isIE){
            obj.load(ikey);
            return /^\{.*\}$|^\[.*\]$/.test(obj.getAttribute(name)) ? strToJson(obj.getAttribute(name)) : obj.getAttribute(name);
          }else if(window.globalStorage){
        var now = parseFloat((new Date()).getTime()), exp = parseFloat(globalStorage[domain][ikey + "__expire"]);
        if (exp > now) {
              return /^\{.*\}$|^\[.*\]$/.test(globalStorage[domain][ikey + "__" + name]) ? strToJson(globalStorage[domain][ikey + "__" + name]) : globalStorage[domain][ikey + "__" + name];
        }else {
          delData(name, key);
        }
          }
    }catch(e) {
      //exception
    }
        return "";
    };
    var delData = function(name, domain_name, key){
        ikey = key || ikey;
        domain = domain_name || domain;
        if(!isInit){initObj()};
    try {
        if(isIE){
            obj.load(ikey);
            obj.removeAttribute(name);
            obj.save(ikey);
        }else if(window.globalStorage){
            globalStorage[domain][ikey + "__" + name] = undefined;
            globalStorage[domain].removeItem(ikey + "__" + name);
        }
    }catch (e) {}
    };
    return {
        setExp : setExpire,
        set : setData,
        get : getData,
        del : delData
    };
})();

jacklau 2010-01-06 22:28 发表评论

https协议空请求ie下报安全警告

jacklau — Wed, 06 Jan 2010 03:01:00 GMT

https协议空请求ie下报安全警告，很纠结的问题啊，
比如我使用一个，src属性为：about:blank,javascript:void(0),javascript://在ie下都会报安全警告，

后来发现了一个hack，javascript:''，以为终于可以自喜，上线后居然xp sp2又报错了，本来最近老是出错，又出现了这个BUG，真的是要吐血了，没办法还是改回了指向一个空白页面

难道就没有更好的办法了么？

jacklau 2010-01-06 11:01 发表评论

条件语句，为啥要将常量写在前面？

jacklau — Fri, 01 Jan 2010 02:27:00 GMT

条件语句，为啥要将常量写在前面？

发现有人写js代码的时候这样的：
if("xx" == a){};//a变量

为啥要将常量写在前面呢？后来发现了一个规律，就是如果编码中少些一个“=”，如：if("xx" = a){}//这样的话浏览器会提示：不能给[String]赋值错误，这样子的话会很快定位到错误，如果是：if(a = "xx"){}//多数情况下次条件始终满足，如果出现问题，定位起来就会很纠结，最后也会比较囧，呵呵。。

那还有没有其他的可比之处呢？

jacklau 2010-01-01 10:27 发表评论

贪食蛇

jacklau — Wed, 30 Dec 2009 12:30:00 GMT

摘要: 既然有了俄罗斯方块，那趁兴也来一个贪食蛇吧，虽然有人说是入门级代码必写的小东西，但是也花费了不少时间，没有用到过多的复杂处理。源代码：阅读全文

jacklau 2009-12-30 20:30 发表评论

俄罗斯方块

jacklau — Wed, 30 Dec 2009 12:27:00 GMT

摘要: 网上也看到不少自己用js写的俄罗斯方块，为了。。。，我觉得自己也小试一把，希望大家能提出宝贵意见出来，小弟拜谢！！图示：以下是源代码：阅读全文

jacklau 2009-12-30 20:27 发表评论