干韩国活动

干韩国活动

要点:

• 背景图片铺满全屏

• 方法一：
  min-height: 100vh;

  这是css3的长度单位vh，相对视口的高度被分为100单位的vh，100vh也就表示占满相对视口。
  缺点是存在兼容问题安卓4.2-4.3不支持，ios7.0-7.1部分不支持。总体上来说兼容性比较PC端出来ie，移动端除了低版本浏览器。
  
  >浏览器兼容情况 http://caniuse.mojijs.com/Home/Html/cate/key/CSS/index.html      
  

• 方法二：
  position:absolute; width:100%; width:100%

  设置成绝对定位，然后给一个100%的高度,宽度就可以实现全屏背景。
  ```
  position: absolute;
  width: 100%;
  min-height: 100%;
  background: url("./assets/home_bg.jpg") 0 0 no-repeat;
  background-size: 100% 100%;
  ```
  

  • 表单验证

    ^[a-zA-Z0-9\u4e00-\u9fa5]+$;验证数字、字母和中文，u4e00-u9fa5是unicode编码判断是不是中文的条件。
    正则很久不用快忘了。。。

  • 键盘事件监听

    需求是当输入框中文字少于限定字数的时候字体颜色变黑。我首先想到得的是onchange事件，但是只有输入框失去焦点时候onchange事件才会被触发，所以pass。然后我使用了onkeydown事件删除键的keyCode是8，这样每次按下删除键时候都会检测字符长度（天真的我以为onkeydown只能给window对象加），下面是代码

    $("input").keydown(function(event) {
        var event = event || window.event;
        if(event.keyCode == 8){
          //触发的方法
          checkLength($(this), Number$(this).attr("maxlen")+1)
        }
    })
    

    最后提下jq的data()，也就是原生的是dataset

    张鑫旭的文章 http://www.zhangxinxu.com/wordpress/2011/06/html5%E8%87%AA%E5%AE%9A%E4%B9%89%E5%B1%9E%E6%80%A7%E5%AF%B9%E8%B1%A1dataset%E7%AE%80%E4%BB%8B/