[转]你真的了解 console 吗】的更多相关文章

对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试.最常用的语句就是console.log(expression)了. 然而对于作为一个全局对象的console对象来说,大多数人了解得还并不全面,当然我也是,经过我的一番学习,现在对于这个能玩转控制台的 JS 对象有了一定的认识,想与大家分享一下. console 对象除了console.log()这一最常被开发者使用的方法之外,还有很多其他的方法.灵…
对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试.最常用的语句就是console.log(expression)了. 然而对于作为一个全局对象的console对象来说,大多数人了解得还并不全面,当然我也是,经过我的一番学习,现在对于这个能玩转控制台的 JS 对象有了一定的认识,想与大家分享一下. console 对象除了console.log()这一最常被开发者使用的方法之外,还有很多其他的方法.灵…
原文:https://segmentfault.com/a/1190000000481884 对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试.最常用的语句就是console.log(expression)了. 然而对于作为一个全局对象的console对象来说,大多数人了解得还并不全面,当然我也是,经过我的一番学习,现在对于这个能玩转控制台的 JS 对象有了一定的认识,想与大家分享一下. conso…
一.console最常见的四种方法: FireFox(58) Chrome(51) 二.打印对象: 平时想输出对象属性时,可以直接打印对象,对Object使用toString方法会得到 [Object Object] 浏览器环境中console自带的两个方法:  ① console.table( obj ):将对象中的键/值以表格形式输出(Node环境不支持) ② console.dir( obj ):将对象中的键/值以列表形式输出(Node环境不支持) Node环境下:使用util模块中的in…
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啊啊啊…
一.问题如下图所示 The connection to adb is down, and a severe error has occured.You must restart adb and Eclipse.Please ensure that adb is correctly located at 'D:\android-sdks\platform-tools\adb.exe' and can be executed. 二.出现问题了,首先确定你的sdk目录是不是真的在Console输出的那…
jquery代码块 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(function(){ }); </script> 替换字符串 var str1="Visit Microsoft! Microsoft!!"; document.write(s…
相信不少同学和我一样遇到这个问题,有时候搞的还要重启电脑,那究竟是什么原因导致的呢,很明显,你的端口被占用了,那下面给出终极解决方案 一.首先描述症状,如下图 二.出现问题了,首先确定你的sdk目录是不是真的在Console输出的那个位置,如果是的话.接下来现在就要看看到底是谁占用了端口.打开命令编辑器进入你的sdk下的platform-tools文件夹输入adb start-serevr  恭喜,说明你的端口被占用了 三.接下来需要确定被占用的端口号是多少,输入命令adb nodaemon s…
使用console进行性能测试和计算代码运行时间 对于前端开发人员,在开发过程中经常需要监控某些表达式或变量的值,如果使用用debugger会显得过于笨重,最常用的方法是会将值输出到控制台上方便调试.最常用的语句就是console.log(expression)了. 从早前一道阿里实习生招聘笔试题目入手: function f1() { console.time('time span'); } function f2() { console.timeEnd('time span'); } set…
一.问题 拿接口取值,明明this.props.chartsValue[0]已经返回json数据,结果this.props.chartsValue[0].history报错:无法获得undefined数据的history属性!... 二.原因 数据操作,尤其是取值操作是有时间过程的.console.log出来的信息不代表是此刻变量的数据值(可能是在数据传进来之前就log了),除非一直console.log,才能看到信息从无到有的过程. 三.解决 做数据判断处理,确保在准确拿到值以后,再进行相关操…
对于 console 你只知道 console.log 吗? 那你就 out 啦!!! // 1. 显示信息 console.log('hello'); console.info('信息'); console.error('错误'); console.warn('警告'); // 2. 占位符: console上述的集中度支持 printf 的占位符格式,支持的占位符有:字符(%s).整数(%d或%i).浮点数(%f)和对象(%o) console.log("%d年%d月%d日",20…
你真的懂异常(Exception)吗? 目录 异常介绍 异常的特点 怎样使用异常 处理异常的 try-catch-finally 捕获异常的 Catch 块 释放资源的 Finally 块 一.异常介绍 我们平时在写程序时,无意中(或技术不够),而导致程序运行时出现意外(或异常),对于这个问题, C# 有专门的异常处理程序. 异常处理所涉及到的关键字有 try.catch 和 finally 等,用来处理失败的情况. CLR..NET 自身的类库.其它第三方库或者你写的程序代码都有可能会出现异常…
你真的了解DOM事件么? 我们大家都知道,人与人之间的交流可以通过语言,文字,肢体动作,面部微表情等,但是你知道Javascript和HTML之间是通过什么进行交互的么?你又知道Javascript和HTML之间是如何进行交互的么?如果你不是那么清楚,可以看这篇文章... 前面的话: 这篇博文由浅入深,先介绍两种事件流,然后介绍常见的事件处理程序以及它们之间的差异(涉及到一个简单的兼容的处理函数),后面还会针对事件对象进行深入学习,最后则是通过DOM事件实现的小案例. 事件流: 关于事件流,简单…
今天闲来没事,瞎逛, 发现了淘宝首页的这个: 想起来之前在百度的 页面中也曾看到过.于是乎自己试一试. 于是便见识到了console对象其实很强大,用好它对调试真的有很大帮助. 代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset=utf-8> <title>demo</title> </head> <body> <scri…
博客园的代码排版真难用,编辑时候是好的,一保存就是乱了——本文也同时发表在我另一独立博客上 你真的了解setTimeout和setInterval吗?,可以移步至这里吧 setTimeout和setInterval的基本用法我们不谈,无非是1.指定延迟后调用函数,2.以指定周期调用函数 让我们想象一个意外情况,比如说下面的setInterval setInterval(function(){ func(i++);},100) 我们以每100毫秒调用一次func函数,如果func的执行时间少于10…
首先不可否认,这些在面试上会经常被面试官问起,但是你回答的让面试官满意吗?当然如果你知道了这些原理,或许你就不 怕了.既然说到了原理,我们还是从MSDN说起. 一:值得推敲的几个地方 1.先来看看msdn上面对const是怎么说的,我们会看到.不能修改,编译时常量这些关键性信息. Q:  const为什么不能被修改. A:这个很简单,很多教科书上面都说,当编译器编译时,会将常量的值保存在该程序集的元数据中,下面我们做个实例 看一看. ①:新建一个projectA. // ProjectA pub…
本文原创,转载请注明出处,本人Q1273314690(交流学习)   哭晕 你真的学会了stem()函数了吗? stem()函数的使用方法是: stem(x, scale=1,width=80, atom=le-08) 其中x是数据向量. scale控制绘出茎叶图的长度. width绘图的宽度. atom是容差,如果选择scale=2,即将10个个位数俞成两段,0-4为一段,5-9为另一段. 然而事实上,我经过反复的试验,发现width最好取较大的数,他既不表示数据的取值范围也不表示最长的那片叶…
前言 Chrome浏览器我想是每一个前端er必用工具之一吧,一部分原因是它速度快,体积不大,支持的新特性也比其它浏览器多,还有一部分我想就是因为它的控制台功能强大了吧,说它是神器一点也不过分,很方便.但其实很多开发者并没有用出控制台的精髓,只是使用简单的console.log();其实控制台功能远远不止这么简单哦. console.clear console.clear();清空控制台,这个应该和console.log知名度一样高吧. console.log家族 先简单介绍一下chrome的控制…
废话不多说看题目,看看我们自己真的理解了吗? 1.如下代码输出的结果是什么? public class A{ public virtual void Func(int  number=10) { Console.WriteLine("Class A Func:"+number); } } public class B{ public virtual void Func(int  number=10) { Console.WriteLine("Class B Func:&quo…
                                                        这个好像.也许.或许.大概.应该.Maybe真的可以算是传说中的Spring.Net了吧         以前写过一篇名叫”这个好像.也许.大概.应该.Maybe真的算是传说中的面向接口编程了吧“的文章,当时好像是在评论里许诺以后会有一篇叫”文章这个好像.也许.大概.应该.Maybe真的算是传说中的Spring.Net吧“.然后,现在在我们节日的时候,大抵可以算是来承兑诺言的吧.  …
1.前言 == Equals ReferenceEquals 三个相等性测试,是.NET提供给程序员使用的三个方法,他们之间有什么联系和区别,你真的仔细研究过?虽然之前也多多少少知道一点,但是有时候又难免混淆他们之间的概念和所适用的场合,决定做一个总结系统的描述这三个宝宝 2.值类型比较和引用类型比较 在编程中实际上我们只需要这两种比较,c#中类型也就这两种 (1)值类型的比较:一般我们就是判断两个值类型实例的各自包含的值是否相等 (2)引用类型的比较:由于引用类型在内存中的分布有两部分,一个是…
document.getElementsByTagName()返回的真的是数组吗? 这是这几天开发中遇到的问题. 一个如下的HTML结构: <ul> <li> <li> ... <li> </ul> 用document.getElementsByTagName()方法获取其中的<li>节点: var li = document.getElementsByTagName("li"); var content = li…
在QQ群或者一些程序的交流平台,经常会有人问:我怎么传一个数组在Action中接收.我传的数组为什么Action的model中接收不到.或者我在ajax的data中设置了一些数组,为什么后台还是接收不了.还有一些怎么传送一个复杂的对象或者Action怎么接收一个复杂的对象等等这些问题.或者有些人遇到复杂的对象或者数组直接就传送个json字符串,然后在Action中把json字符串转成model对象,当然这也是一种做法,但也许不是最优的做法. 一.需求 按照如图的数据格式,传入到Action,用一…
原文链接:http://www.iteye.com/topic/1133941 症状: 使用Eclipse win 64位版本,indigo及kepler都重现了,使用tomcat 6.0.39,jdk1.6.u45及1.7u45均尝试了,也重现. 重现步骤很简单,使用debug模式启动时较容易出来,debug启动tomcat,(我的是webapp)然后在页面上随便点点即发现eclipse僵死,且任何从浏览器发出的请求都卡住不能被接收执行. 1.然后从任务管理器直接杀掉eclipse对应的jav…
你真的了解webview么? 写在前面: Webview是我们前端开发从PC端演进到移动端的一个重要载体,现在大家每天使用的App,webview都发挥着它的重要性.接下来让我们从webview看世界. 一.适用场景 提到应用场景,大家最直观的能想到一些App内嵌的页面,为我们提供各种各样的交互,就像下面图片里的这样: 其实webview的应用场景远远不止这些,其实在一些PC的软件里,和我们交互的也是我们的html页面,只是穿着webview的衣服,衣服太美而我们没有发现他们的真谛. 另外,还有…
看到这标题,是不是有点逆天的感觉,总感觉好狂拽炫酷,耳边隐隐约约传来一个声音:你这么叼,你咋不上天呢! ~~ 额,好吧! 话入正题,我为什么会提出这么一个问题呢? 阻止浏览器默认行为,真的能阻止吗?那到底是什么样的方案,我会有这样的质疑? 那,就是它了,别看,就是你: //阻止浏览器默认行为触发的通用方法 function stopDefault(e){ //防止浏览器默认行为(W3C) if(e && e.preventDefault){ e.preventDefault(); } //…
作为一个前端,console.log()可能是你最常用的方法,打印打印再打印,但是其实console对象上有用的方法有很多,来,各位看官上眼 分类输出 厌倦了 console.log 单调的输出?欢迎尝试 console 对象的分类输出功能.console 对象提供了 info.warn.error 方法分别输出提示.警告以及错误信息. 我们输入下面这段代码: console.log('log'); console.info('info'); console.warn('warn'); cons…
译者按: 切换成本真的不高,建议使用开发者工具来Debug! 原文:How to stop using console.log() and start using your browser's debugger 译者: Fundebug 为了保证可读性,本文采用意译而非直译.另外,本文版权归原作者所有,翻译仅用于学习. 在我成为一名开发者路上也掉进过一些坑,对于新手来说一个最大的挑战就是debug.刚开始,我一度认为在控制台下使用console.log()打印变量是最棒的方法.而实际上,这样做是…
JavaScript 开发中有时会遇到要将一个数组随机排序(shuffle)的需求,一个常见的写法是这样: function shuffle(arr) { arr.sort(function () { return Math.random() - 0.5; }); } 或者使用更简洁的 ES6 的写法: function shuffle(arr) { arr.sort(() => Math.random() - 0.5); } 我也曾经经常使用这种写法,不久前才意识到,这种写法是有问题的,它并不…
freopen stdout 真的更快? 在一次数独作业中,我发现大部分同学提交的代码中都使用 freopen 来将 stdout 重新指向目标文件进行文件输出操作.我感到十分好奇,关于 freopen 我几乎从未用过,也很少在其它地方看到别人使用,也就是说至少我的认知里该函数不是个常用函数.再来点数据支持: 关于 fopen 在 Google 中的搜索结果有636万条 关于 freopen 在 Google 中的搜索结果有35.7万条,少了一个数量级! 所以我想同学们是不是从哪里道听途说了这种…