---

JS

Js开发中常用的方法

判断undefined

• typeof的运算符未定义则返回undefined

//判断undefined
function checkisUndefined(str) {
    var st = undefined;
    if (typeof (str) == "undefined") {
        alert("此对象是undefined!")
    } else {
        alert("此对象不是ubdefined!")
    }
}

判断输入的内容是否为空

//判断空值
function checkNullOrNotnull(st) {
    var str = st;
    if (typeof (str) == "undefined" || str == 0 || str == null) {
        alert("内容为空！")
    } else {
        alert("内容不为空!")
    }
}

判断输入内容长度大于一定值

//Js长度函数
function checkLength(st) {
    debugger;
    var lengthValue = st.length;
    if (lengthValue == 0) {
        alert("输入为空！")
    } else if (lengthValue > 20) {
        alert("长度超出20");
        document.getElementById("input1").innerHtml = "";
    }
}

判断输入的内容全部是空格

//判断输入是否含有空格
function checkNull(st) {
    debugger;
    var regu = "^[ ]+$";
    var re = new RegExp(regu);
    if (re.test(st)) {
        alert("全是空格")
    } else {
        alert("不全是空格")
    }
}

判断是否含有小数或者是负值

function checkXiaoshu(st) {
    debugger
    if (st < 0) {
        alert("是负数");
        return;
    } else if (st.indexOf("." != -1)) {
        alert("是小数")
    } else if (st.indexOf("." == -1)) {
        alert("不是小数")
    }
}

---

Css

Flex 布局（弹性布局）

• 设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。

• 常用属性flex-wrap：如果一条轴线排不下，如何换行。

.homepage {
  width: 100%;
  height: 100%;
  border: 1px solid red;
  /* flex 布局 */
  display: flex;
  /* 自动换行按照宽度 */
  flex-wrap: wrap;
}

• 布局效果如下图
  

---

去掉页面的滚动条

• 注意要找对滚动条出现的位置块，例如下面的这个页面滚动条是最外面的html的

• 要隐藏这个滚动条，加上下面的样式就可以了

html {
  /* 隐藏 html 页面的滚动条 */
  overflow: hidden;
}

---

页面全部填充

• 设置 margin padding，设置宽度为100%

* {
  margin: 0px;
  padding: 0px;
}
html,
body {
  width: 100%;
  /* 隐藏 html 页面的滚动条 */
  overflow: hidden;
}