标签：javascript

mui的modal使用JS控制

马同学 评论 
<script type="text/javascript">
    mui.init();
    mui.plusReady(function() {
        document.getElementById("btn").addEventListener("click", function() {
            document.querySelector(".mui-modal").classList.add("mui-active");
        });
        document.getElementById("modal_close").addEventListener("click", function() {
            document.querySelector(".mui-modal").classList.remove("mui-active");
        });
    });
</script>

相关资料

mui的modal能不能通过脚本控制

github-examples-modals.html

json对象与js数组

马同学

js中的数组要以下标0开始递增的格式才会被认为是数组, 否则就认为是对象.

场景: PHP需要重新组建数组的时, 遍历要以 $i = 0, ++$i; 以$i为索引.

tip: js 中对象没有length属性.

//js 获取对象个数
function getJsonLength(jsonData){

    var jsonLength = 0;

    for(var item in jsonData){

    jsonLength++;

    }

    return jsonLength;

}

相关资料

Json对象与Json字符串互转

异步提交表单之FormData

马同学

重点摘要

移动端最好不使用Jq, 因为Jq的是为PC端浏览器兼容而生的, 所以会有影响手机端的效率. ajax可以通过其它的方式实现如:mui、vue等方式.

  • javascript for-of JavaScript6里引入了一种新的循环方法，它就是for-of循环，它既比传统的for循环简洁，同时弥补了forEach和for-in循环的短板。
  • 异步提交 processData、contentType //这两个选项是必须的. 不然接收的数据格式就有问题.

继续阅读

短信倒计时

马同学

JQ版

var countdown=180; 
function settime(obj) { 
    if (countdown == 0) {
        obj.removeAttribute("disabled");    
        obj.value="获取验证码"; 
        countdown = 180; 
        return;
    } else { 
        obj.setAttribute("disabled", true); 
        obj.value="重新发送(" + countdown + ")"; 
        countdown--; 
    } 
        setTimeout(function() { 
        settime(obj) }
    ,1000) 
}

纯JS版(手机端)

        var countdown=60;
        function settime(id) {
            var obj = document.getElementById(id);
            if (countdown == 0) {
                obj.removeAttribute("disabled");
                obj.innerText="获取验证码";
                countdown = 60;
                return;
            } else {
                obj.setAttribute("disabled", true);
                obj.innerText = "重新发送(" + countdown + ")";
                countdown--;
            }
            setTimeout(function() {
                    settime(id) }
                ,1000)
        }

扩展操作

    var i = s;
    var t = setInterval(function () {
        i--

        if (i == 1) {
            clearInterval(t)
        }
    }, 1000);