ie6下多出一条线解决方案

先看图:

阅读详细 »


冰与火之歌守夜人誓词!

长夜降至 我从今开始守望 至死方休 我将不娶妻 不封地 不生子 


我将不戴宝冠 不争荣宠 我将尽忠职守 生死于斯 我是黑暗中的利


剑 长城上的守卫 守卫王国的坚盾 我将生命与荣耀献给守夜人 今

夜如此 夜夜皆然


Night watcher swear("Night gathers, and now my watch 


begins. It shall not end until my death. I shall take no 


wife, hold no lands, father no children. I shall wear no 


crowns and win no glory. I shall live and die at my post. 


I am the sword in the darkness. I am the watcher on the 


walls. I am the fire that burns against the cold, the 


light that brings the dawn, the horn that wakes the 


sleepers, the shield that guards the realms of men. I 


pledge my life and honor to the Night's Watch, for this 


night and all the nights to come.")



js生成二维码实例(真实有效)

废话少说先看下实例!!:

用力点击

首先说下引用下这个脚本

http://www.luqidong.com/demo/qrcode/js/qrcode.js


然后调用方法

        var qrcode = new QRCode(elem, {
            width : 96,//设置宽高
            height : 96
        });
        qrcode.makeCode("http://www.78oa.com");

如果想要在二维码中间设置一个图片只要设置下图片position: absolute; 自己设置定位即可。

也可以自己看那个demo页面的源码。

网上很多都是复制来复制去的没意思,也不管有没有用。这个是真实有效。


node安装了express但是express命令解决方案

 

之所以出来无法找到express命令的情况是因为express已经更新了。先安装node,然后用express install -g express 已经没用了,正确的做法是卸载原先安装的express: npm uninstall -g express。然后使用$ npm install -g express-generator 来安装。

阅读详细 »


ie8 css hack

  • “\9″  只在IE6/IE7/IE8/IE9/IE10下生效
  • “\0”  只在 IE8/IE9/IE10下生效
  • “\9\0”只在IE9/IE10下生效

故目前如果需要只针对ie8的hack,可先使用在IE8/IE9/IE10生效的“\0”,再用仅在IE9/IE10生效的“\9\0”hack覆盖之前的样式。

selector{
color : #000 ;
color : #F00 \ 0 ;   /* only for IE8&IE9&IE10 */
color : #000 \ 9 \ 0 ; /* only for IE9&IE10 */
}

论移动站点点击事件的实现

由于移动站使用click的话会出现延迟一般都是用touchstart和touchend2个方法来实现模拟touch站的点击事件。 1.touchstart:在这个dom(或冒泡到这个dom,这当然是废话)上手指触摸开始即能触发
2.click:在这个dom(或冒泡到这个dom,这当然是废话)上手指触摸开始,且手指未曾在屏幕上移动(某些浏览器允许移动一个非常小的位移值),且在这个在这个dom上手指离开屏幕,且触摸和离开屏幕之间的间隔时间较短(某些浏览器不检测间隔时间,也会触发click)才能触发
于是我们可以看到,完全用touchstart代替是不太可取的。 下面在看下这张图 这里介绍了点击移动用移动站的方法,我们用touchstart和touchedn中间的时间间隔和移动的位置判断是否是点击,也就是说如果touchstart与touchend之间的间隔小于大概200ms那么久可以认为是点击,这样的话是比click快的。于是我们就写这样的方法来模拟click事件:
var d1,d2;     document.getElementById("imgcode").addEventListener('touchstart',function(){         d1=new Date().getTime();     })     document.getElementById("imgcode").addEventListener('touchend',function(){         d2=new Date().getTime();     if(d2-d1<=200){         document.getElementById("imgcode").src="/membership/GetValidateCode.html? v="+Math.random()*1000;       }     })

我这边是用touchstart与touchend替换click时间点击更换验证码的方法。

 

   

仿app客户端右侧滑动特效

先看demo

谷歌浏览器F12 开启移动调试模式

然后打开地址

http://www.luqidong.com/demo/demo/left.html

源码自己看


js获取cookies键值

我们在设置cookies的时候不可能简简单单设置一个值里面肯定还包含其他的,比如用&分割开例如下面的值

refid=23424&sefrom=baidu&refhlf=www.78oa.com

这样的话我们向取到这个cookies里面值里面的refid的值就不知道怎么弄了,下面有个方法可以:

function getsecCookie(val1, val2) {
    var a = null;
    if (!$.cookie(val1)) {
        return;
    }
    var arrcookies = $.cookie(val1).split("&");
    for (var i = 0; i < arrcookies.length; i++) {
        if (arrcookies[i].indexOf(val2) > -1) {
            a = arrcookies[i].substring(val2.length + 1);
        }
    }
    return a;
}
val1 是cookies的名称,val2是要取val1里面值得key
比如我要取 CNSEInfo 里面的refid 就可以这样
getsecCookie("CNSEInfo","refid")
这里用jq的cookies插件。

78oa编辑所撰。


揭秘Amazon反应速度超快的下拉菜单

如果你以前觉得 Amazon 这家公司不太在用户体验上下功夫,这篇文章可能会改变你的看法。

Amazon主页的左上角有一个商品分类浏览的下拉菜单。当鼠标从菜单中的选项上滑过时,子菜单的显示速度是超快的。我们可以看一下:

这个显示速度基本是与鼠标移动同步的,但是绝大多数网站的下拉菜单在显示子菜单时会有一定的延迟,例如:

这个延迟反应是必须的,因为如果没有,当你想把鼠标从一个主菜单选项挪到一个子菜单选项时,子菜单会消失。就像这样:

但是 Amazon 的下拉菜单没有这个延迟,而且子菜单也不会在不应该的时候消失。它是怎样做到这一点的呢?答案是通过探测鼠标移动的方向和轨迹。

想象在鼠标当前的位置和子菜单的左上角和左下角之间画一个三角形。如果鼠标在这个三角形的范围之内移动,那用户很有可能是在把鼠标从主菜单向子菜单里挪,所以不要立刻更新子菜单。但是如果鼠标挪动到这个三角形之外,则可以马上更新子菜单。这就是 Amazon 主页反应速度超快的下拉菜单背后的算法。

上帝在细节中(God is in the details)。揭秘一个前端细节,我们看到的不仅是一个精妙的算法,而是一个科技巨头对于产品和用户体验的态度。Amazon 的数百亿市值有多少是从这些很小很小,但是明显很用心的产品细节中积累起来的呢?

如果想把这个菜单逻辑运用到你的网站上,这是 Khan Academy工程师 Ben Kamens 写的 jQuery插件

如果你觉得这个很神奇,很想做这方面的工作,或是觉得这没有什么,你的 UX 设计比这个好,可以考虑给研发出这个细节的 Amazon 团队(chaddes@amazon.com)投一份简历,因为他们正在招聘。


typecho 伪静态设置解决方案

有关网上的关于typecho的伪静态设置很多,但是由于他们写的都不够自信,所以新手要看很长时间才能看懂。今天我就教下大家如何设置tyoepcho如何设置伪静态,一般大家遇到的问题就是设置固定连接提示无法设置,请点击这里强制设置的图片:

其实解决这个问题很简单我们只要按照以下步骤做就可以:

阅读详细 »