New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

代码日常记录 #14

Open
Lojze opened this Issue Apr 15, 2016 · 5 comments

Comments

Projects
None yet
1 participant
@Lojze
Copy link
Owner

Lojze commented Apr 15, 2016

  • 在写东西时发现的
  • 看文章时候觉得有意思的
    大概就这些
@Lojze

This comment has been minimized.

Copy link
Owner

Lojze commented Apr 15, 2016

  • 做项目的时候,发现一个有意思的标签,|这个标签用于常用的导航的竖分割,记录一个没用用的标签,以前总是用em,i,b标签,特殊的内容用特殊的标签,这样比较复合html语意话的理论。
  • 第二个,input中的运用html5的placeholder属性,那么,input中的文字就会靠后,比较遗憾的是IE6、IE8是不支持这个属性,
    可以适用js解决
    function hasPlaceholderSupport() { var input = document.createElement('input'); return ('placeholder' in input); }
    原文地址:http://www.webhek.com/html5-placeholder
    placeholder效果地址请自寻上网查看
@Lojze

This comment has been minimized.

Copy link
Owner

Lojze commented Apr 15, 2016

  • 单个事件绑定可以使用onclick但是一个页面多个事件绑定的时候onclick存在一个问题,同一个命名的类型,多个事件绑定后面一个才会生效,html5新增的属性可以解决这个问题,但是js代码还是比较臃肿。推荐适用
    btn.addEventListener('click', function () { BX.luckyDraw() }, false)
    addEventListener支持多个事件绑定,但是在ie9之下这个方法不能使用,可以选择onclick写多个,或者使用jQuery而且不会存在兼容性的问题。
    如果不考虑兼容的话比如移动端就可以适用html5的新增类名,这样代码会更加的简洁
    原文地址:[https://github.com/cssmagic/blog/issues/48#ref-issue-123888317]
@Lojze

This comment has been minimized.

Copy link
Owner

Lojze commented Apr 18, 2016

  • 写了一个banner无缝切换,发现到最后一个到第一页的时候,出现一个短暂的空白情况,解决方式,
    1.在最后一个li中在加入一个负责缓冲的图片
    2.加一个定时器,从后面的最后一张图到最前面的一张图,可以抵消这个短暂的空白
  • 一个div中有两个距离顶部到一定距离产生浮动,觉得还是算当滚动事件大于某一个特定的值这种方式比较好计算,如果根据下面div与滚动距离来算的话,会算最先到达该位置,也就是说,最高的div会触发,而相对高度小于,也会直接触发。

先记录到这里,晚安

@Lojze

This comment has been minimized.

Copy link
Owner

Lojze commented Apr 27, 2016

限时抢购记录代码

window.onload = function(){
showTime();
function showTime(){
var endtime = new Date ("2016/05/15,12:20:12")//结束时间
var nowtime = new Date();//当前时间

            `var lefttime = parseInt((endtime.getTime()-nowtime.getTime())/1000);`

            `var d = parseInt(lefttime/(24*60*60));//parseInt取整天数`
            `// alert(d);`
            `var h = parseInt(lefttime/(60*60)%24);//小时`
            `// alert(h)`
            `var m = parseInt(lefttime/60%60);`
            `var s = parseInt(lefttime%60);`
            `document.getElementById("id").innerHTML = d+ "天" +h+"小时" + m "分" + s +"秒";`
            if (lefttime <=0) {
                document.getElementById("id").innerHTML = '团购结束';
            };
            setTimeout(showTime,500);
        }

    }`
@Lojze

This comment has been minimized.

Copy link
Owner

Lojze commented Jul 21, 2016

偏门的css——font-style

//有些文字在psd上的时候是斜体,一般情况下都是使用图片,或者使用i标签或者em标签,今天见识到一个,使用css来改变font-style:oblique

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment