原创 對《數組去重——一道前端校招試題》的解讀

 很多校招題是沒有嚴格的標準答案的,只有知識點,只要幾個關鍵點能答上來,不管程序是否真的能跑通,都可以拿分的。比如最常見的一道題: 試題: 有這樣一個數組,成員都是數字,例如 var a = [1,2,3,4,5,2,3,4,6,7,

原创 爲什麼可以使用<!DOCTYPE html>

 本文引用自:http://i.wanz.im/2010/05/28/why_doctype_html/ 不管是剛接觸前端,還是你已經“精通”web前端開發的內容,你應該知道在你寫html的時候需要定義文檔類型;你知道如果沒有它,瀏覽器在渲

原创 我的友情鏈接

51CTO博客開發

原创 常用工具函數

 1.判斷中文字符串長度,一箇中文字符的長度爲2:    function cnLength(str){ var n = str.length; var len = n; for(var i=0;i<n;i++){ if(str.char

原创 如何書寫高效、可維護、組件化的CSS

 http://www.iamwawa.cn/blog/article.asp?id=78

原创 用 Javascript 獲取頁面大小、窗口大小和滾動條位置

 一,window對象的屬性scrollMaxX,scrollMaxY:     傳回的是可捲動的最大長度,其值爲整數,單位爲像素。限Firefox使用。     文件的全寬 = innerWidth + scrollMaxX     文

原创 如何書寫高效、可維護、組件化的CSS

 http://www.iamwawa.cn/blog/article.asp?id=78

原创 我的友情鏈接

51CTO博客開發

原创 IE Layout詳解

 在web前端面試的時候常常會被問及IE的hasLayout問題,有些書籍講解的不是很清楚(害死人了),在網絡上收集一些資料,我認爲比較好的有下面兩篇。      淘寶KongXin的IE Layout詳解(http://www.kong

原创 css設計原則——多用組合,少用繼承(來自《編寫高質量代碼-web前端開發修煉之道》)

 組合的思路就是將一個複雜的類分解成容易產生變化的部分和穩定的部分,將容易變化的部分拆分出去,每一種可能的變化設計成一個個單獨的類。   實現樣式時採取掛多個class的方式。添加和刪除class的js代碼如下:   function a

原创 解決IE6下背景圖片無法緩存的問題

 一。Pixy方法受到IE的cache bug影響會閃爍。其實並沒有說清楚這個問題,但其實該bug是有條件的,即IE的cache設置爲Every visit to the page,而不是默認的Automatically。基本上,只有開發者

原创 javascript關於arguments.callee.length和arguments.length

 arguments.length 是實參長度 arguments.callee.length 是形參長度 //等同於 函數名.length 這裏有個簡單的例子,是比較參數的長度的: function test(x,y,z) {

原创 跨瀏覽器的ready函數的實現,主要採用DOMContentLoaded事件

 DOMContentLoaded事件在大多數情況下去替代window.onload事件,因爲window.onload事件必須要等待頁面所有元素都下載完後才執行。而DOMContentLoaded事件是在DOM樹建成時觸發,因此要比onl

原创 一個通用拖動功能實例

 例子如下: <!DOCTYPE HTML> <html>  <head> <script type="text/javascript"> var EventUtil={    addHandler:function(eleme

原创 關於css的組織:base.css,common.css和page.css

 一。base.css被所有頁面引用,包括base reset和通用原子類      body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h5,pre,form,fieldset,input,textare