博客

  • 程序JS 加号在前和在后的区别

    我们写程序的时候为了简写都会使用一些缩略符号,其中的加号在前和在后的区别很难理解。例如

    var i=1;

    var y=0;

    ++i;//先计算在赋值 ,这里i先给自身加上1,得到一个最新的结果,如果有赋值号会把这个结果给它。

    i++;//先赋值在计算,这里如果有赋值号先把原始的i给它,之后i在自身加上1。

    如果单纯只输出以上i的值结果的时候,其实效果都是一样的。

    如果要是将上面的结果赋值给y的话结果就不一样了,例如:

    y=++i;//y的结果是2也就是i先加上1在把加上1的结果给y。

    y=i++;//y的结果是1也就是i先把值给y,之后i自己才加上1。

    单独使用i++或者++i的时候功能都一样都是,如果他们赋值给某个值功能就不一样了。

    [code]i++和++i看成一个整体,程序由上到下执行,不论i++还是++i程序经过他们的时候i必然加了1。[/code]

    var i=0;

    while(i++<3){打印i};

    把i++看成一个整体y,那么就成了y=i++,相当于while(0<3){打印i};这里的y自然就是0了。

    while(++i<3){打印i};

    同上一样把++i看成是一个整体y,那么就成了y=++i,相当于while(1<3){打印i};这里的y自然就是0+1了。

    总结:

    [code]i的最后结果都给自己加上1;但是对于赋值的功能结果不一样[/code]

  • index()

    在jquery中的index()可以根据当前DOM和jquery对象找到当前的索引值,可以这么写:

    index($(this))

  • inline、block、inline-block的区别

    css样式中用的最多就是内联元素和块状元素,

    a,span默认是内联元素inline可以并行,但是不可以控制宽高;

    div,p默认是块状元素block不能并行,但是可以控制宽高;

    如果想让一个元素可以并行,又可以控制宽高,就将display设置为inline-block

  • css 响应适图片列表

    现在都流行响应适布局,其中响应适图片列表的css样式布局还是有一定的技巧的,效果就是3张图片会随着窗口的大小变化而变化。

    big_pic

    HTML:

    [code]<div class=”pic_hang”>
    <div class=”pic_dan”>
    <a href=””><img src=”images/001.jpg”></a>
    </div>
    <div class=”pic_dan”>
    <a href=””><img src=”images/002.jpg”></a>
    </div>
    <div class=”pic_dan”>
    <a href=””><img src=”images/003.jpg”></a>
    </div>
    </div>[/code]

    CSS:

    [code].ui-content{ padding:0;}
    .pic_hang{ clear:both;}
    .pic_hang .pic_dan{float:left;width:33.3333333333%;}
    .pic_hang .pic_dan a{ display:block; margin:5px; border: 1px solid #3c3c3c;}
    .pic_hang .pic_dan a img{ width:100%; display:block;}[/code]

    这里的重点是不能给图片固定高度,而且原始的图片像素必须宽高一样。

  • Jquery中的this与$(this)

    在Jquery中$(this)通俗的来说就是鼠标移动到的元素上是Jquery对象,而单纯的this其实就是html。

    例如要获取元素上的title属性值可以这么写,

    var nihao=”<div>”+this.title+”</div>”