zoukankan      html  css  js  c++  java
  • !学习笔记:前端测试 、前端调试、console 等

    http://www.cnblogs.com/rubekid/p/4851988.html  你真的了解 console 吗  2014

    http://www.codeceo.com/article/javascript-debug-skills.html  最全面的JavaScript调试技巧总结  2016-4-18

    console控制台:  2016-4-18

    console.table([[1,2,2,3],['a','b','c','d']]);//输出表格
    console.log('%c啊啊啊啊','font-size:60px;color:red;text-shadow:4px 4px 10px #999999');//输出大红字

    运行时间测试:

    var _msg = "";
    _msg += "开始:"+new Date().getTime();
    _msg += "开始:"+new Date().getTime();
    $(".test").html(_msg);
    alert(_msg);

     

    console.log( new Date().getTime() );

     滚屏测试:(可以去除scroll滚屏事件多此请求问题)

    <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(function(){
        var timer;
        $(window).scroll(function () {
            clearTimeout(timer);
            timer = setTimeout(function () {
                console.log(new Date().getTime());
                console.log($(document).scrollTop());
            }, 100);
        });
    });
    </script>

    模拟事件: 

    $("#aa").trigger("click");

    固定语句:

    <script type="text/javascript">
    $(function(){
        $("#button").click(function(){
    
        });
    });
    </script>
    <input type="button" id="button">

    ...

  • 相关阅读:
    Java内存分配及垃圾回收机制
    《当你的才华还撑不起你的梦想时》读后感
    Java线程池入门必备
    单例模式的那些事
    idea超炫的自定义模板
    布隆过滤器概念和原理
    MessageDigest
    java zip 压缩与解压
    WebStorm 注册码
    taobao-pamirs-proxycache开源缓存代理框架实现原理剖析
  • 原文地址:https://www.cnblogs.com/qq21270/p/4871585.html
Copyright © 2011-2022 走看看