web 練手 JavaScript 輸出
<template>
<div id="debug" class="debug"></div>
</template>
<script type="text/javascript">
Date.prototype.format = function (t) {
if (!this.valueOf()) return " ";
var e = ["\u661f\u671f\u4e00", "\u661f\u671f\u4e8c", "\u661f\u671f\u4e09", "\u661f\u671f\u56db", "\u661f\u671f\u4e94",
"\u661f\u671f\u516d", "\u661f\u671f\u65e5"],
r = this;
return t.replace(/(yyyy|yy|MM|dd|E|hh|HH|hi|mm|mt|mi|ss|sm|a\/p)/gi, function (t) {
switch (t) {
case "yyyy":
return r.getFullYear();
case "yy":
return (r.getFullYear() % 1e3).zf(2);
case "mt":
case "MM":
return (r.getMonth() + 1).zf(2);
case "dd":
return r.getDate().zf(2);
case "E":
return e[r.getDay()];
case "hi":
case "HH":
return r.getHours().zf(2);
case "hh":
return ((h = r.getHours() % 12) ? h : 12).zf(2);
case "mm":
case "mi":
return r.getMinutes().zf(2);
case "ss":
return r.getSeconds().zf(2);
case "sm":
return r.getMilliseconds().zf(3);
case "a/p":
return r.getHours() < 12 ? "\u4e0a\u5348" : "\u4e0b\u5348" ; default: return t } }) },
String.prototype.string=function (t) { for (var e="" , r=0; r++ < t;) e +=this; return e },
String.prototype.zf=function (t) { return "0" .string(t - this.length) + this }, Number.prototype.zf=function (t) {
return this.toString().zf(t) }; console.log=function (...obj) { console.info(...obj); var outStr=new
Date().format('<time>mi:ss.sm ></time></time></time></time></time></time></time> </time></time></time>\t\t\t');
obj.forEach((o) => {
t = o.constructor.toString().replace(/^function (.*)\(.*/,"$1").replace("Object","Obj");
typeList = ["Map", "Set"];
if (typeList.includes(t)) {
o = Array.from(o);
}
outStr += `<${t}>${ (t == "Function") ?o.toString(): JSON.stringify(o)}</${t}>\t`;
});
var debugout = document.querySelectorAll('#debug,.debug,#console,.console');
if (debugout.length > 0) {
debugout = debugout[0];
debugout.innerHTML += '<br>' + outStr;
debugout.scrollTop = debugout.scrollHeight - debugout.clientHeight;
} else {
document.write(outStr + '<br>');
}
}
</script>
<style media="screen">
#debug {
box-sizing: border-box;
border-top: 1px solid gray;
margin: 0;
padding: 10px;
position: absolute;
left: 0;
bottom: 0;
background: #ede8f2;
width: 100vw;
height: auto;
min-height: 80px;
max-height: 60vh;
overflow: scroll;
}
#debug Set::before {
content: 'Set ';
}
#debug Map::before {
content: 'Map ';
}
#debug Array::before {
content: 'Array ';
}
#debug Obj::before {
content: 'Object ';
}
#debug * {
color: #0000ff;
font: 1.5em;
}
#debug time {
color: darkblue;
}
#debug String {
}
#debug Number {
}
#debug Array {
}
#debug Set {
}
#debug Set {
}
</style>
相關文章
- Web前端——JavaScript練習Web前端JavaScript
- web前端 javascript 練習題一Web前端JavaScript
- JavaScript 輸出介紹JavaScript
- web前端佈局練手專案Web前端
- Web應用課 3.1 JavaScript——變數與運算子、輸入輸出、判斷、迴圈WebJavaScript變數
- 用javascript完成pos機的輸入輸出JavaScript
- JavaScript 漢字方式輸出星期JavaScript
- JavaScript 輸出崑崙主管641480JavaScript
- JavaScript 字元逐個輸出效果JavaScript字元
- 練手專案,實現一個web框架Web框架
- JavaScript資料型別及輸出JavaScript資料型別
- JavaScript迴圈輸出星星圖案JavaScript
- 笨辦法學C 練習24:輸入輸出和檔案
- JavaScript:(a==1 && a==2 && a==3)能輸出true麼?JavaScript
- 讓手寫輸入在 Web 上持久留存Web
- 好程式設計師web前端分享前端 javascript 練習題程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享javascript 練習題程式設計師Web前端JavaScript
- JavaScript隨機輸出大小寫字母程式碼JavaScript隨機
- javascript輸出菱形圖形程式碼例項JavaScript
- javascript輸出頁面節點層級效果JavaScript
- 取出預訓練模型中間層的輸出(pytorch)模型PyTorch
- 好程式設計師web前端教程分javascript練習題-事件程式設計師Web前端JavaScript事件
- 好程式設計師web前端分享前端javascript練習題三程式設計師Web前端JavaScript
- 好程式設計師web前端分享前端javascript練習題一程式設計師Web前端JavaScript
- javascript自帶的彈出輸出視窗程式碼例項JavaScript
- JavaScript 實現:輸出斐波那契數列JavaScript
- 簡單實現分行輸出的javascript程式碼JavaScript
- JavaScript Sanitizer API:原生WEB安全API出現啦JavaScriptAPIWeb
- Autodesk View and Data API練練手ViewAPI
- 好程式設計師web前端教程分享前端javascript練習題二程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享前端javascript練習題三程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享前端 javascript 練習題二程式設計師Web前端JavaScript
- Web實時日誌輸出檢視管理系統Web
- 在web上逐行輸出較大的txt檔案Web
- 輸入輸出
- 好程式設計師web前端教程分享前端javascript練習題之promise程式設計師Web前端JavaScriptPromise
- JavaScript基礎練習JavaScript
- javascript 分頁練習JavaScript