JavaScript和jQuery中获取div宽度和高度的方法小记

前文 关于CSS中box-sizing属性的一点心得 中介绍了关于box-sizing 并顺带写了一下盒模型，突发奇想了一个问题：使用 JavaScript 和 jQuery 获取的宽度是盒模型中的哪一部分的宽和高呢？

关于CSS中box-sizing属性的一点心得

最近需要写这样一个布局：一个父元素，里面有两个子元素，两个子元素的宽度为父元素的一半。这在CSS中倒是一个很简单的问题，所以很容易就有如下代码。

<style type="text/css">
  *{
    padding : 0;
    margin  : 0;
  }
  #outer{
    width      : 600px;
    height     : 300px;
    background : red;
    color      : white;
  }
  #outer:after{
    content : "";
    clear   : both;
  }
  #in1{
    width      : 50%;
    height     : 80%;
    float      : left;
    background : blue;
  }
  #in2{
    width      : 50%;
    height     : 80%;
    float      : right;
    background : green;
  }
</style>
<div id="outer">
  <div id="in1">
    IN1
  </div>
  <div id="in2">
    IN2
  </div>
</div>

XMLHttpRequest中的进度事件响应及注意事项

在W3C的标准中制定了关于XMLHttpRequest 2级的相关规范，增加了许多极其有用的方法，如loadstart,loadend,progress等。最近写了一个应用需要监控上传信息，有一个细节很有意思，这里记录一下。

CSS中神奇的height：100%

最近使用CSS布局中发现了一个较为神奇的属性： height:100% 。

神奇在哪里呢？

高度不定CSS设置img充满div的解决方案（img标签3px问题）

使用CSS布局的进个遇到这样一个问题：设置一个固定宽和高的div，里面放置一张图片，使图片的宽度和高度与父级的div保持一致。

看起来是一个很简单的问题啊，有什么难的？

Vuejs中v-if v-show无法获取div高度

最近在单页应用开发中尝试使用vue.js，发现无法获取v-if和v-show标记的dom高度。

使用jquery实现类似36氪的广告跟随效果

前几天给麻辣GIS修改了一下主题，更加偏向扁平化一点，顺带优化了一下广告样式。之前的滚动跟随是使用的一个插件：博客侧边栏跟随滚动效果，这个插件有一个缺点，如果跟随的div过高的话会有一个触底的bug。