前端的console.log的效果写法

不说废话,直接上代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body> <script> // 清空控制台 console.clear(); // 普通的例子(输出黑色的字体-变大) console.log("%cHel…

前端不为人知的一面--前端冷知识集锦前端已经被玩儿坏了！像console.log()可以向控制台输出图片

前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来.现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容. HTML篇浏览器地址栏运行JavaScript代码这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开…

JS之console.log详解以及兄弟姐们邻居方法扩展

console.log() 基本用法 console.log,前端常用它来调试分析代码,你可以在任何的js代码中调用console.log(),然后你就可以在浏览器控制台看到你刚才打印的常量,变量,数组,对象,表达式等的值. 首先看最基本的用法: console.log('123'); console.log('1', '2', '3'); // 1 2 3 console.log('1\n2\n3\n'); // // 我们可以通过上面的方式进行单个变量(表达式).多个变量以及换行输出.而这对…

网页console console.log 用法 Chrome F12

#########sample 0 https://www.cnblogs.com/xiaozong/p/4961929.html https://blog.csdn.net/shanliangliuxing/article/details/35864567 今天看到博友-小思设计(http://52think.me/)的一条评论,说是我的博客看不到文字,当时还纳闷,我天天访问也没发现这个问题啊(公司电脑配了google服务的host,访问都正常): 下午出去逛超市,回来上网,浏览博客的时候,首…

简述alert和console.log的区别

生活中还是得有发现美好和差别的眼睛~~ 学习前端那么久既然还不知道alert和console.log的差别~~~~ 蓝瘦,香菇~~~ 本菜鸟一直以为alert和console.log其实是一样的用法,只是alert以弹出框形式呈现,而console.log在控制台输出而已. 知道昨天输出一段代码,结果发现alert和console.log输出结果不一样~~~~~本宝宝可算涨见识了~~~ 然后就是各种查阅资料,百度查看,终于发现点眉目啦~~~~~ 我写了这样一段代码 : alert输出的结果为:…

有趣的console.log（console.log输出彩色字，图片等）

亲们支持我的新博客哦==>原文地址 ) 逛网站的时候经常发现很多网站控制台打印了很好玩的内容比如我的网站 →calamus 或者知乎→ 平时是不是只用console调试或者打印别的信息了,没有试过上面这种呢?感觉很有趣有没有下面的代码可以复制到控制台自己尝试下效果: 改变文字样式等 console.log("%c 前端开发 %c calamus.xyz %c 蒲", "color:red","","color:orange…

javascript精雕细琢（四）：认亲大戏——通过console.log彻底搞清this

目录引言代码在前 1.function下的this 2.箭头函数下的this 结语引言 JS中的this指向一直是个老生常谈,但是新手又容易晕的地方.我在网上浏览了很多帖子,但是发现一个通病,也是博客的局限性--重理论说明,实践性低.最多就是贴个代码或者图,增加可理解性. 所以,我就想通过代码学习黄金法则--敲就完了.以console.log,循序渐进,一步步的实践,来说明this的指向.而从我自身的理解角度来讲,这个方法效果还不错~ 那么,接下来…

[技巧篇]13.从今天开始做一个有理想的人，放弃alter的调试，拥抱console.log

在js前端开发时,为了调试经常会加上 console.log.但是在有的浏览器(比如IE)中会报错,怎么办呢?好像10之后也开始支持了!如果以防方一,可以使用如下方式在js文件最前面添加如下js代码: if (window.console === undefined) { console = { log: function () { }, info: function () { }, debug: function () { } }; } 补充一下:alert和console.log之间的区别…

console.log("A"-"B"+"3")=？

(点击上方的订阅号,可快速关注,关注有惊喜哦^_^) 前不久看到一道JS基础题目,做了一下竟然错了一半...在此分享一下: 先把题目放上来,大家可以自己测试一下再看答案哦^_^ ①console.log(1+"2"+"3"); ②console.log(1+ +“2”+"3"); ③console.log("A"-"B"+"3"): ④console.log("A"-…