js 關於console對象

来源:https://www.cnblogs.com/jqynr/archive/2022/07/27/16523940.html
-Advertisement-
Play Games

// js console console.clear(); console.log("console.log,show message, last recommand is console.clear"); console.info("console.info,other name for con ...


// js console
console.clear();
console.log("console.log,show message, last recommand is console.clear");
console.info("console.info,other name for console.log");
console.warn("console.warn");
console.error("console.error");
console.assert(1 === 2, "console.assert,if first argument is false show me");
console.log(
  "%clast is console.count which can show how many console.count was been used",
  "color:green"
);
console.count("console.count used num");
console.count("console.count used num");
console.group("console.group:this is first group");
console.group("this is second group");
console.log("this is console.log which in console.group");
console.log(
  "every console.group need a console.groupEnd at bottom,eg. here need two"
);
console.groupEnd();
console.groupEnd();
console.groupCollapsed(
  "the same to console.group,this is collapsed default which is defferent to console.group"
);
console.log("this need end too,use console.groupEnd too");
console.groupEnd();
console.log(
  "%cnext is console.table which can show complexed data such as arr or obj in table",
  "color:green"
);
console.table(["arr1", "arr2", "arr3"]);
// console.table([['arr1','arr2','arr3'],['a1','a2','a3']])
// console.table({'firstkey':'firstvalue','secondkey':'secondval'})
console.log(
  "%cnext is console.time which can count how many time the program used in it,certainly it need a console.timeEnd at the program end",
  "color:green"
);
console.time();
for (var i = 0; i < 1000; i++) {}
console.timeEnd();
console.log(
  "%chere not show how to use console.trace which can show the process of a program which included console.trace",
  "color:green"
);
console.warn("this is console.warn");
console.log(
  "%console.profile,sorry to tell you i do not understant either",
  "color:green"
);
console.log(
  "%cconsole.log can use some placeholder such as %s,%d or %i,%f,%o,%O,%c,\n (\\n)those can replace string,integer,float,dom,dom attr,css style such as this green message and next some console.log",
  "color:green"
);
console.log('%cred fontsize 20px','color:red;font-size:20px')
console.log("%d年%d月%d日",2011,3,26);
// console.log('%o',document.body.firstElementChild);
// console.log('%O',document.body.firstElementChild);
console.log("%chere show background-img and the website i referenced","background:url(https://static.runoob.com/images/runoob-logo.png) no-repeat;padding:10px;line-height:40px;color:red;padding-left:300px;font-size:15px");

 運行出來:

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 今天學習了函數,主要還是邏輯思維的鍛煉,頭腦要靈活。總結:多做演算法題!!!😭😭😭😭 函數以及優點 實際就是多行代碼的抽取(多行代碼會構成特定的功能),減少冗餘代碼,函數封裝,提高了可維護性和可閱讀性。 函數的分類 系統函數:window裡面所有的函數都屬於系統函數console.log(), ...
  • 函數的概述 函數 實際就是多行代碼的抽取(多行代碼會構成特定的功能)(方法) 函數的優點 減少冗餘代碼(重覆的代碼放在函數裡面 在需要的時候調用)函數封裝(特定的一些代碼使用函數來包起來), 提高了代碼的可維護性及可閱讀性。 函數的分類 系統函數 window裡面的所有函數都屬於系統函數 (cons ...
  • 一、什麼是CSS CSS是一門語言,用於控制網頁表現 樣式定義如何顯示 HTML 元素 樣式通常存儲在樣式表中,外部樣式表可以極大提高工作效率 外部樣式表通常存儲在 CSS 文件中 多個樣式定義可層疊為一個 二、CSS導入方式 CSS導入HTML有三種方式: 內部樣式:在標簽內部使用style屬性, ...
  • 對於拓展運算符是深拷貝還是淺拷貝網上怎麼說的都有,我就說一下我的理解。 什麼是深拷貝?什麼是淺拷貝? 假如B複製了A,修改A的時候,看B是否發生變化: 如果B也跟著變了,說明是淺拷貝,拿別人手段! 如果B沒有改變,說明是深拷貝,自食其力! 怎麼判斷拓展運算符是什麼拷貝呢? 看一下下麵的例子: let ...
  • 第一種:在main.js中直接註冊 //引入 import FixedTop from '@/components/FixedTop //註冊為全局組件 Vue.componet('FixedTop',FixedTop) //頁面直接使用 <FixedTop /> 缺點:如果我們需要註冊的全局組件非 ...
  • vue 組件通信方式 父組件將自己的狀態分享給子組件使用; 方法:父組件通過子標簽傳遞數據,子組件通過 props 接收 子組件改變父組件的狀態; 方法:父組件在子標簽上通過@abc 提供一個改變自身狀態的方法,子組件通過$emit("abc", payload)觸發這個函數 父組件直接改變子組件的 ...
  • 記錄下項目中使用的新方法,之前只知道改變show屬性來改變實體的顯示和隱藏,昨天遇到要動態綁定顯隱屬性。查找方法後找到了需要使用 cesium的SampledProperty這個方法。 下麵是簡單的代碼展示 let showProperty = new Cesium.SampledProperty( ...
  • 說明:這裡的vue代理是指用vue靜態伺服器做代理。使用的是 http-proxy-middleware 這個模塊(這個模塊相當於是node.js的一個插件)。 版本: vue-cli 3.0以上 修改文件位置:根目錄下的vue.config.js 代碼: devServer: { proxy: { ...
一周排行
    -Advertisement-
    Play Games
  • Github / Gitee QQ群(1群) : 813100564 / QQ群(2群) : 579033769 視頻教學 介紹 MiniWord .NET Word模板引擎,藉由Word模板和數據簡單、快速生成文件。 Getting Started 安裝 nuget link : https:// ...
  • Array.Sort Array類中相當實用的我認為是Sort方法,相比起冗長的冒泡排序,它的出現讓排序更加的簡化 結果如下: 還可以聲明一個靜態方法用來專門調用指定數組排序,從名為 array 的一維數組中 a 索引處開始,到 b 元素 從小到大排序。 註意: a + b 不能大於 array 的 ...
  • 前言 在上一篇文章CLR類型系統概述里提到,當運行時掛起時, 垃圾回收會執行堆棧遍歷器(stack walker)去拿到堆棧上值類型的大小和堆棧根。這裡我們來翻譯BotR里一篇專門介紹Stackwalking的文章,希望能加深理解。 順便說一句,StackWalker在中文里似乎還沒有統一的翻譯,J ...
  • 使用過 nginx 的小伙伴應該都知道,這個中間件是可以設置跨域的,作為今天的主角,同樣的 反向代理中間件的 YARP 毫無意外也支持了跨域請求設置。 有些小伙伴可能會問了,怎樣才算是跨域呢? 在 HTML 中,一些標簽,例如 img、a 等,還有我們非常熟悉的 Ajax,都是可以指向非本站的資源的 ...
  • 什麼是Git Git 是一個開源的分散式版本控制系統,用於敏捷高效地處理任何或小或大的項目。 Git 是 Linus Torvalds 為了幫助管理 Linux 內核開發而開發的一個開放源碼的版本控制軟體。 Git 與常用的版本控制工具 CVS, Subversion 等不同,它採用了分散式版本庫的 ...
  • 首先CR3是什麼,CR3是一個寄存器,該寄存器內保存有頁目錄表物理地址(PDBR地址),其實CR3內部存放的就是頁目錄表的記憶體基地址,運用CR3切換可實現對特定進程記憶體地址的強制讀寫操作,此類讀寫屬於有痕讀寫,多數驅動保護都會將這個地址改為無效,此時CR3讀寫就失效了,當然如果能找到CR3的正確地址... ...
  • 說明 onlyoffice為一款開源的office線上編輯組件,提供word/excel/ppt編輯保存操作 以下操作均基於centos8系統,officeonly鏡像版本7.1.2.23 鏡像下載地址:https://yunpan.360.cn/surl_y87CKKcPdY4 (提取碼:1f92 ...
  • 二叉樹查找指定的節點 前序查找的思路 1.先判斷當前節點的no是否等於要查找的 2.如果是相等,則返回當前節點 3.如果不等,則判斷當前節點的左子節點是否為空,如果不為空,則遞歸前序查找 4.如果左遞歸前序查找,找到節點,則返回,否繼續判斷,當前的節點的右子節點是否為空,如果不為空,則繼續向右遞歸前 ...
  • ##Invalid bound statement (not found)出現原因和解決方法 ###前言: 想必各位小伙伴在碼路上經常會碰到奇奇怪怪的事情,比如出現Invalid bound statement (not found),那今天我就來分析以下出現此問題的原因。 其實出現這個問題實質就是 ...
  • ###一、背景知識 爬蟲的本質就是一個socket客戶端與服務端的通信過程,如果我們有多個url待爬取,只用一個線程且採用串列的方式執行,那隻能等待爬取一個結束後才能繼續下一個,效率會非常低。 需要強調的是:對於單線程下串列N個任務,並不完全等同於低效,如果這N個任務都是純計算的任務,那麼該線程對c ...