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這塊應該是美工或者專門乙個人來做的。服了。不過，這兩天我在想，是不是應該設計一套模板或者元件之類的，提高新手入...