日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

JS問題:簡單的Console.log不要再用了!試試這個

來源: 責編: 時間:2024-03-18 09:37:46 234觀看
導讀1. 需求分析一般情況下,我們在項目中進行代碼調試時,往往只會在邏輯中使用console.log進行控制臺打印調試。這種方式雖然比較常規直接,但是如果打印數據多了,就會導致你的控制臺消息變得異常混亂。所以,我們有了更好的選擇

LGM28資訊網——每日最新資訊28at.com

1. 需求分析

一般情況下,我們在項目中進行代碼調試時,往往只會在邏輯中使用console.log進行控制臺打印調試。LGM28資訊網——每日最新資訊28at.com

這種方式雖然比較常規直接,但是如果打印數據多了,就會導致你的控制臺消息變得異?;靵y。LGM28資訊網——每日最新資訊28at.com

所以,我們有了更好的選擇,那就是console對象提供的其它API,來讓我們能夠更清晰的區分打印信息。LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

2. 實現步驟

(1)console.warn

當我們需要區分一些比較重要的打印信息時,可以使用warn進行警告提示。LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

(2)console.error

當我們需要區分一些異常錯誤的打印信息時,可以使用error進行錯誤提示。LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

(3)console.time/timeEnd

想看看一段代碼運行需要多長時間,可以使用time。LGM28資訊網——每日最新資訊28at.com

這對于需要一些時間的CPU密集型應用程序非常有用,例如神經網絡或HTML Canvas讀取。LGM28資訊網——每日最新資訊28at.com

下面執行這段代碼:LGM28資訊網——每日最新資訊28at.com

console.time("Loop timer")for(let i = 0; i < 10000; i++){// Some code here}console.timeEnd("Loop timer")

結果如下:LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

(4)console.trace

想看看函數的調用順序是怎樣的嗎?可以使用trace。LGM28資訊網——每日最新資訊28at.com

下面執行這段代碼:LGM28資訊網——每日最新資訊28at.com

<script setup>function trace(){console.trace()}function randomFunction(){trace();}randomFunction()</script>

setup中,randomFunction 調用trace,然后又調用console.trace。LGM28資訊網——每日最新資訊28at.com

因此,當您調用 randomFunction 時,您將得到類似的輸出,結果如下:LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

(5)console.group/groupEnd

當我們需要將一類打印信息進行分組時,可以使用group。LGM28資訊網——每日最新資訊28at.com

下面執行這段代碼:LGM28資訊網——每日最新資訊28at.com

console.group("My message group");console.log("Test2!");console.log("Test2!");console.log("Test2!");console.groupEnd()

結果如下:LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

(6)console.table

在控制臺中打印表格信息,可以使用table。LGM28資訊網——每日最新資訊28at.com

對!你沒聽錯,就是讓我們以表格形式展示打印信息。LGM28資訊網——每日最新資訊28at.com

如果使用log打印:LGM28資訊網——每日最新資訊28at.com

var person1 = {name: "Weirdo", age : "-23", hobby: "singing"}var person2 = {name: "SomeName", age : "Infinity", hobby: "programming"}console.log(person1, person2);

結果如下:LGM28資訊網——每日最新資訊28at.com

這樣做是不是讓數據看起來很混亂。LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

反之,如果我們使用table輸出:LGM28資訊網——每日最新資訊28at.com

var person1 = {name: "Weirdo", age : "-23", hobby: "singing"}var person2 = {name: "SomeName", age : "Infinity", hobby: "programming"}console.table({person1, person2})

結果如下:LGM28資訊網——每日最新資訊28at.com

怎么樣!從來不知道控制臺可以看起來如此干凈,對吧!LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

(7)console.clear

最后,使用clear把控制臺清空吧!LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

3. 問題詳解

(1)可以自定義log的樣式嗎?

答案當然是可以的,只需要借助%c這個占位符。LGM28資訊網——每日最新資訊28at.com

%c 是console的占位符,用于指定輸出樣式或應用 CSS 樣式到特定的輸出文本。LGM28資訊網——每日最新資訊28at.com

但請注意,%c 占位符只在部分瀏覽器中支持,如 Chrome、Firefox 等。LGM28資訊網——每日最新資訊28at.com

通過使用 %c 占位符,可以在 console.log 中為特定的文本應用自定義的 CSS 樣式。這樣可以改變輸出文本的顏色、字體、背景等樣式屬性,以便在控制臺中以不同的樣式突出顯示特定的信息。LGM28資訊網——每日最新資訊28at.com

以下是使用%c 占位符應用樣式的示例:LGM28資訊網——每日最新資訊28at.com

console.log("%c Hello, World!", "color: red; font-weight: bold;border: 1px solid red;");

結果如下:LGM28資訊網——每日最新資訊28at.com

LGM28資訊網——每日最新資訊28at.com

通過使用 %c 占位符和自定義的樣式規則,可以在控制臺輸出中以不同的樣式突出顯示特定的文本,使得輸出更加清晰和易于識別。LGM28資訊網——每日最新資訊28at.com

這在調試和日志記錄過程中非常有用,特別是當需要突出顯示特定類型的信息或錯誤時。LGM28資訊網——每日最新資訊28at.com

本文鏈接:http://m.www897cc.com/showinfo-26-76490-0.htmlJS問題:簡單的Console.log不要再用了!試試這個

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 業務開發做到零 bug 有多難?

下一篇: 在 Node.js 中發出 HTTP 請求的五種方法

標簽:
  • 熱門焦點
  • 把LangChain跑起來的三個方法

    使用LangChain開發LLM應用時,需要機器進行GLM部署,好多同學第一步就被勸退了,那么如何繞過這個步驟先學習LLM模型的應用,對Langchain進行快速上手?本片講解3個把LangChain跑起來
  • 如何使用JavaScript創建一只圖像放大鏡?

    譯者 | 布加迪審校 | 重樓如果您曾經瀏覽過購物網站,可能遇到過圖像放大功能。它可以讓您放大圖像的特定區域,以便瀏覽。結合這個小小的重要功能可以大大改善您網站的用戶體驗
  • .NET 程序的 GDI 句柄泄露的再反思

    一、背景1. 講故事上個月我寫過一篇 如何洞察 C# 程序的 GDI 句柄泄露 文章,當時用的是 GDIView + WinDbg 把問題搞定,前者用來定位泄露資源,后者用來定位泄露代碼,后面有朋友反
  • 一文搞定Java NIO,以及各種奇葩流

    大家好,我是哪吒。很多朋友問我,如何才能學好IO流,對各種流的概念,云里霧里的,不求甚解。用到的時候,現百度,功能雖然實現了,但是為什么用這個?不知道。更別說效率問題了~下次再遇到,
  • 雅柏威士忌多款單品價格大跌,泥煤頂流也不香了?

    來源 | 烈酒商業觀察編 | 肖海林今年以來,威士忌市場開始出現了降溫跡象,越來越多不斷暴漲的網紅威士忌也開始悄然回歸市場理性。近日,LVMH集團旗下蘇格蘭威士忌品牌雅柏(Ardbeg
  • 2天漲粉255萬,又一賽道在抖音爆火

    來源:運營研究社作者 | 張知白編輯 | 楊佩汶設計 | 晏談夢潔這個暑期,旅游賽道徹底火了:有的「地方」火了&mdash;&mdash;貴州村超旅游收入 1 個月超過 12 億;有的「博主」火了&m
  • 到手價3099元起!iQOO Neo8 Pro今日首銷:安卓性能最強旗艦

    5月23日,iQOO如期舉行了新品發布會,全新的iQOO Neo8系列也正式與大家見面,包含iQOO Neo8和iQOO Neo8 Pro兩個版本,其中標準版搭載高通驍龍8+,而Pro版更
  • 2299元起!iQOO Pad開啟預售:性能最強天璣平板

    5月23日,iQOO如期舉行了新品發布會,除了首發安卓最強旗艦處理器的iQOO Neo8系列新機外,還在發布會上推出了旗下首款平板電腦——iQOO Pad,其搭載了天璣
  • Android 14發布:首批適配機型公布

    5月11日消息,谷歌在今天凌晨舉行了I/O大會,本次發布會谷歌帶來了自家的AI語言模型PaLM 2、谷歌Pixel Fold折疊屏、谷歌Pixel 7a手機,同時發布了Androi
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
欧美成人国产va精品日本一级| 国产精品爱啪在线线免费观看| 亚洲欧美另类在线观看| 亚洲午夜高清视频| 亚洲欧美综合v| 久久九九国产精品| 欧美成人一区二区三区片免费| 欧美日韩一区二区三区四区五区| 国产精品久久久久久久久婷婷| 国产三级欧美三级| 亚洲国产精品嫩草影院| 亚洲人精品午夜在线观看| a4yy欧美一区二区三区| 久久精品99国产精品| 欧美激情第三页| 国产精品美女黄网| 国模套图日韩精品一区二区| 亚洲日本中文| 欧美一二三区精品| 欧美二区视频| 国产欧美在线视频| 亚洲人成绝费网站色www| 亚洲欧美日韩区| 欧美成人四级电影| 国产精品一区二区久久久| 亚洲国产高清一区二区三区| 亚洲综合精品四区| 美国三级日本三级久久99| 欧美亚韩一区| 亚洲国产午夜| 亚洲专区在线视频| 亚洲国产成人精品久久| 亚洲婷婷免费| 久久九九精品| 欧美a级一区二区| 久久久久久色| 免费不卡视频| 欧美日韩精品免费看| 久久精品国产精品亚洲| 欧美日本高清一区| 狠狠久久五月精品中文字幕| 日韩午夜激情av| 久久久夜精品| 国产精品免费看片| 亚洲精品久久久久久一区二区| 欧美在线视频a| 欧美日韩一区二区欧美激情| 激情成人综合网| 亚洲欧美成人精品| 欧美人交a欧美精品| 一区国产精品| 欧美在线播放| 国产精品系列在线| 亚洲色在线视频| 免费在线成人| 欧美91视频| 激情文学一区| 亚洲日产国产精品| 夜夜嗨一区二区三区| 久久一二三国产| 欧美一区久久| 国产精品www网站| 亚洲精品久久久久久下一站 | 久久夜色精品国产欧美乱| 国产精品国产三级国产aⅴ浪潮 | 欧美va天堂| 尤物九九久久国产精品的特点| 亚洲欧美综合网| 国产精品av久久久久久麻豆网| 亚洲激情一区二区| 久久免费视频网站| 国内精品视频在线播放| 欧美一区二区福利在线| 国产精品欧美激情| 亚洲一区二区欧美| 欧美亚一区二区| 亚洲视频你懂的| 欧美丝袜第一区| 一区二区日韩| 欧美日韩国产成人在线91| 亚洲三级色网| 欧美精品自拍| av成人福利| 国产精品大片wwwwww| 亚洲一本大道在线| 国产精品久久看| 亚洲欧美经典视频| 国产美女扒开尿口久久久| 性欧美激情精品| 国产视频久久久久久久| 欧美专区日韩视频| 国产欧美精品xxxx另类| 欧美一区免费| 激情五月婷婷综合| 六十路精品视频| 亚洲精品国产精品乱码不99按摩 | 久久久午夜精品| 在线观看日韩精品| 欧美xart系列高清| 日韩一本二本av| 国产精品国产三级国产普通话蜜臀| 亚洲影视在线播放| 国产亚洲aⅴaaaaaa毛片| 久久夜色精品国产噜噜av| 亚洲黄色小视频| 欧美日韩在线视频一区| 亚洲免费在线观看视频| 国产午夜精品一区理论片飘花| 久久久人成影片一区二区三区观看 | 欧美一区二区三区在线观看| 国产一区二区av| 久久亚洲精品网站| 日韩视频专区| 国产精品久久久久久久久动漫| 欧美尤物一区| 亚洲国产精品美女| 欧美视频在线一区二区三区| 欧美一级电影久久| 亚洲成人原创 | 精品电影在线观看| 欧美成人国产va精品日本一级| 99精品久久久| 国产亚洲福利社区一区| 欧美成人官网二区| 亚洲自拍高清| 在线播放亚洲| 欧美性大战久久久久| 久久精品国产在热久久| 亚洲美女在线一区| 国产无遮挡一区二区三区毛片日本| 免费欧美日韩| 亚洲砖区区免费| 亚洲国产精品综合| 国产精品亚洲а∨天堂免在线| 老司机精品视频一区二区三区| 夜夜嗨一区二区三区| 国产一区自拍视频| 欧美图区在线视频| 另类av一区二区| 亚洲在线视频免费观看| 亚洲国产欧美一区| 国产女同一区二区| 欧美精品一区二区三区在线看午夜| 亚洲欧美综合网| 亚洲精品美女免费| 国产在线观看精品一区二区三区| 欧美日本二区| 久久婷婷久久一区二区三区| 亚洲视频精品| 亚洲国产一区在线| 国产欧美一区二区在线观看| 欧美人与性动交cc0o| 久久久7777| 亚洲欧美精品suv| av不卡免费看| 亚洲经典在线| 韩日欧美一区二区| 国产精品久久久一区二区| 欧美激情国产高清| 久久久久久九九九九| 亚洲综合电影| 99这里只有久久精品视频| 在线观看视频欧美| 国产亚洲欧美日韩在线一区| 欧美手机在线| 欧美国产日韩精品| 久久五月天婷婷| 欧美一区二区性| 亚洲在线一区二区| 一区二区三区精密机械公司| 亚洲国产日韩美| 狠狠干成人综合网| 国产欧美一区二区精品性| 欧美视频日韩视频在线观看| 欧美福利视频一区| 玖玖玖国产精品| 久久久www免费人成黑人精品 | 亚洲精品国产精品国产自| 国际精品欧美精品| 国产老肥熟一区二区三区| 欧美视频一二三区| 欧美日韩国产影院| 欧美高清视频一区二区三区在线观看| 久久久久88色偷偷免费| 欧美中文字幕在线播放| 亚洲综合电影| 亚洲免费综合| 亚洲综合第一| 亚洲欧美韩国| 亚洲影院在线| 亚洲免费在线观看| 亚洲欧美色一区| 亚洲欧美色婷婷| 亚洲欧美日韩高清| 亚洲欧美日韩视频一区| 亚洲小视频在线| 亚洲一区区二区| 亚洲免费视频一区二区| 亚洲欧美另类在线| 亚洲欧美日韩精品综合在线观看| 亚洲欧美日韩国产综合| 午夜视频精品| 久久爱www| 久久久久久999|