web前端開發過程中除錯是乙個不可避免的過程,我們有眾多的瀏覽器可供選擇,但是如果您要除錯的平台瀏覽器不是那麼先進呢,如ie6,在他上面還不那麼富饒,給程式除錯帶來的很大的痛苦啊,所以日誌即時輸出是乙個不錯的選擇,可以知道程式覆蓋到了**。即是在先進的瀏覽器上也是很有必要的,他比去除錯程式來確定相應的業務**有沒有執行到也快的多也容易的多,好了,下面來給大家介紹乙個我業餘時間寫的除錯資訊輸出工具。
上**:
**
(上面**呼叫也相當的簡單function
()var
ret =;
for(
varo
inobj)
return
ret.join(",
");}this
.assert
=function
(flag,msg)[
typeof
msg]
?msg:parseobjtostr(msg);
return
;var
bgcolor
=this
.__debugline%2
==0?"
background-color:#f8f8f8":
"background-color:#ffffff";
msg
=flag=="
debug"?
string.format(
'
:',
bgcolor,
this
.__debugline,
"#333333
",flag,msg):msg;
if(flag.constructor
!=string)
msg
=string.format(
'
:',
bgcolor,
this
.__debugline,flag?"
green":
"red
",flag?"
pass ":
"fail
",msg);
this
.__debugline++;
if(cache
!=null
)else
}function
for(
varpro
instyle)
}addevent(window,
"load",
function
();var
head
=document.createelement(
"div");
varheadstyle =;
head.innerhtml ="
除錯資訊控制台+"
;var
wrap
=document.createelement(
"div");
varwrapstyle =;
varfoot
=document.createelement(
"div");
varfootstyle =;
foot.innerhtml ="
>>>"=
cache.join(
"");
cache
=null
;function
toggle()
else
}head.onclick
=function
()head.onclick();
document.getelementbyid(
"console_eval
").onkeydown
=function
(e))",
this
.value));
}catch
(e)el.scrolltop
=el.scrollheight;}}
});})();
assert(頁面中就會出相應的日誌。"debug",
"除錯資訊");
該日誌輸出部分**取自jquery作者乙個單元測試模組。
開發web前端 web前端 開發筆記
我是孟噠噠一名web前端開發工程師,今天給大家分享一下web前端是的一些筆記應用,希望對你們有幫助。物件導向是乙個開發思想,它把注意點都放到了物件上。物件導向強調的幾個概念 1 類 類是一批具備相同屬性和行為的事物的抽象,為什麼是抽象?因為不是具體的,也就是說不是實實在在存在的東西 看不見摸不著 2...
Web前端開發相關
1 優雅降級指的是 一開始就制定完美的計畫,然後先在主流的瀏覽器中測試實現功能,最後在老一點版本,不常用的版本中測試實現,如果不能完全達到我們的要求,這時我們的原則是盡量去實現,如果還是沒辦法,那就適當減少功能,在這個過程中,我們可能會用到特性檢測 特性檢測指的是測試瀏覽器是否支援某個特性或者方法 ...
WEB 前端開發何去何從
公司專案關係,前段時間招募了四五個新人。共事一段時間後,發現乙個問題,就是新人的html,js基礎普遍太差。框架頁不會呼叫,說沒有用過。js函式也是寫的痛苦不堪。問問其中一位,居然以為jsp這塊應該是美工或者專門乙個人來做的。服了。不過,這兩天我在想,是不是應該設計一套模板或者元件之類的,提高新手入...