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">

    ...

  • 相关阅读:
    Mixtile LOFT
    关于Linux系统清理/tmp/文件夹的原理
    在大型项目上,Python 是个烂语言吗
    Nginx 进程间通信
    蕤仁肉(内仁肉、泪仁肉)简单介绍
    TMS320F28335项目开发记录5_28335之CCS编程基础
    RBAC权限管理
    国内三大PT(Private Tracker)站分析
    Nginx特点
    java设计模式演示样例
  • 原文地址:https://www.cnblogs.com/qq21270/p/4871585.html
Copyright © 2011-2022 走看看