穆乙’s Blog 專注前端技術

摘要： 也許還有朋友不太清楚DOMContentLoaded這個事件。簡單的說，這個事件就是要在大多數情況下去替代window.onload事件，因為window.onload事件必須要等待頁面所有元素的資源都下載完畢時才觸發。這個事件實際是上w3c推薦的標準事件，是在DOM樹建成的時候觸發，因此要比onload事件快很多。ff, opera高版本已經支持了該事件。而IE在IE8里依然沒有想加這個事件的意思，為了實現IE與w3c的兼容，我們有必要為IE做一件“好事”。一般是兩種方法。一種是創建空script標簽，屬性擁有defer，然后待onreadystatechange為complete時激發DO 閱讀全文

摘要： http://www.css88.com/archives/3717 閱讀全文

摘要： http://blog.163.com/mongying_net/blog/static/3511271201201591259531/一、window.onload必須等網頁中的所有DOM結構加載完畢，并且所有內容下載完畢（包括圖片下載完）才能執行；$(document).ready網頁中的所有DOM結構加載完畢就開始執行；二、window.onload不可以多次使用；window.onload = function(){ alert('test1');}window.onload = function(){ alert('test2');}結果只有' 閱讀全文

摘要： 雖然XML在Ajax運行中具有舉足輕重的地位，但JavaScript開發人員很快就對它失去了興趣。在JavaScript中操作XML存在嚴重的跨瀏覽器問題，而且從XML結構中提取數據也需要涉及遍歷DOM文檔，而這些操作都需要編寫大量的代碼。Douglas Crockford發明了一種叫JSON（JavaScript Object Notation）的數據格式卻能夠創建與XML相同的數據結構。JSON的基礎是JavaScript語法中一個子集，特別是對象和數組字面量。JSON的設計意圖是在服務器構建格式化數據，然后再將數據發送給瀏覽器。 由于JSON在JavaScript中相當于對象和數組，轉換 閱讀全文

摘要： 目前前端開發者使用JS框架是種很普遍的現象，因為框架可以加快開發速度，同時避免各類瀏覽器的兼容性問題。不過同樣是用框架開發，不同開發者的境界水平還是有一定差距，本文將這些前端開發者分為三個等級。 第一種境界：了解各類框架、并熟悉甚至精通某種框架的使用，但并未看過框架代碼、或者并不理解框架核心細節的實現，甚至不清楚框架的設計原理、基本思想、適用場景。這類人的編程思路始終限制在”特定框架“的范圍內，盡管能使用框架寫出滿足需求的代碼。 這種人停留在”會用“框架的階段，他們很在乎各種框架的比較，且一定要對框架分出三六九等。這些人寫代碼的思路始終沒有離開”功能實現“。第二種境界：精通各類框架，熟讀各類框 閱讀全文

摘要： 向服務器發出Ajax請求時，可以以兩種不同的方式從服務器響應檢索數據：一種是使用XMLHttpRequest對象的reponseXML屬性訪問XML格式的數據；一種是XMLHttpRequest對象的responseText屬性訪問字符串格式的數據。當前，XML是進行數據傳輸的標準語言，但是使用XML的缺點之一是很難對它進行解析并提取要添加到頁面的數據。 JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式，我們稱之為JavaScript對象表示法。使用JSON進行數據傳輸的優勢之一是JSON實際上就是JavaScript。它基于ECMAScript第3 閱讀全文

摘要： ps：這兩天在看Cloudgamer的js工具庫 cloudgamer Js Library v0.1 ,里面有一個dom的contain方法，如下：var D={contains: document.defaultView//參見 JS從樣式表取值的函數currentStyle(IE),defaultView(FF) ? function (a, b) { return !!( a.compareDocumentPosition(b) & 16 ); } : function (a, b) { return a != b && a.contains(b); }}我對c 閱讀全文

摘要： 項目中測試出一個bug，就是在ie6下，下面的代碼中的a標簽，點擊將沒有任何反應：<a href="b.htm" target="frm">xxx</a><script type="text/javascript">document.domain="beinet.cn";</script><iframe name="frm"></iframe>而非常奇怪的是，在公司的電腦中，有的IE6能正常打開鏈接，有的IE6不能打開鏈接， 閱讀全文

摘要： alert($(window).height()); //瀏覽器時下窗口可視區域高度alert($(document).height()); //瀏覽器時下窗口文檔的高度 alert($(document.body).height());//瀏覽器時下窗口文檔body的高度alert($(document.body).outerHeight(true));//瀏覽器時下窗口文檔body的總高度 包括border padding marginalert($(window).width()); //瀏覽器時下窗口可視區域寬度 alert($(document).width());//瀏覽器時下窗口 閱讀全文

摘要： 進入vi的命令vi filename :打開或新建文件，并將光標置于第一行首vi +n filename ：打開文件，并將光標置于第n行首vi + filename ：打開文件，并將光標置于最后一行首vi +/pattern filename：打開文件，并將光標置于第一個與pattern匹配的串處vi -r filename ：在上次正用vi編輯時發生系統崩潰，恢復filenamevi filename….filename ：打開多個文件，依次進行編輯移動光標類命令h ：光標左移一個字符l ：光標右移一個字符space：光標右移一個字符Backspace：光標左移一個字符k或Ctrl+p：光標 閱讀全文