原创 A標籤href和onclick

在Javascript中void是一個操作符,該操作符指定要計算一個表達式但是不返回值。 void 操作符用法格式如下:  1. javascript:void (expression)  2. javascript:void exp

原创 Web前端研發工程師編程能力飛昇之路

今天看到這篇文章。寫的非常有意思。發現自己還有很長的一段路要走。 【背景】 如果你是剛進入WEB前端研發領域,想試試這潭水有多深,看這篇文章吧; 如果你是做了兩三年WEB產品前端研發,迷茫找不着提高之路,看這篇文章吧;

原创 前端必讀:瀏覽器工作原理

瀏覽器可以被認爲是使用最廣泛的軟件,本文將介紹瀏覽器的工 作原理,我們將看到,從你在地址欄輸入google.com到你看到google主頁過程中都發生了什麼。 將討論的瀏覽器 今天,有五種主流瀏覽器——IE、Firefox、S

原创 javascript入門技能

瞭解JavaScript設計模式我們需要知道的一些必要知識點:(內容相對基礎,高手請跳過)   閉包:關於閉包這個月在園子裏有幾篇不錯的分享了,在這我也從最實際的地方出發,說說我的理解。     1.閉包最常用的方式就是返回一個

原创 CSS設計模式之三權分立模式篇

市面上我們常常會看到各種各樣的設計模式書籍,Java設計模式、C#設計模式、Ruby設計模式等等。在衆多的語言設計模式中我唯獨找不到關於CSS設計模式的資料,即使在網上找到類似內容,細細一看之下才發覺是南轅北轍。經過浩瀚文章搜索發掘下

原创 Web前端開發規範文檔你需要知道的事

規範目的 爲提高團隊協作效率, 便於後臺人員添加功能及前端後期優化維護, 輸出高質量的文檔, 特制訂此文檔. 本規範文檔一經確認, 前端開發人員必須按本文檔規範進行前臺頁面開發. 本文檔如有不對或者不合適的地方請及時提出, 經討論決定後

原创 Qunit入門(下)

測試用戶操作   問題   那些依賴於用戶操作的代碼,不能通過執行函數來測試。通常元素的事件使用異步函數,例如click,這些需要模擬。   解決方案    你可以使用jQuery的 trigger()方法來觸發事件,然後測試預

原创 QUnit入門(上)

自動化測試軟件對於開發來說是一個很重要的工具,而單元測試對於自動化測試來說是基本組成部分:軟件的每一個組件或者單元可以在非人工介入的情況下,使用測試工具一遍遍的重複執行。換句話說,就是你可以寫一次測試,然後不用付出額外成本的任意執行多次

原创 QUnit源碼大致結構分析

分析別人的源代碼,除了可以瞭解程序功能是如何實現之外,還可以學到一些比較先進的編程方式和思想,進而提高自己的水平。本着這一想法,我將對QUnit的源代碼加以解讀,也希望對大家js水平的提高有個幫助作用。   好的js框架在語言上總是很

原创 IE6position:fixed問題解決方案

不廢話直接上代碼 普通寫法 #top{position:fixed;bottom:0;right:20px;} IE6中寫法 #top{position:fixed;_position:absolute;bottom:0;right:20

原创 繼承與原型鏈

對於那些熟悉基於類的面嚮對象語言(java或者c++)的開發者來說,JavaScript的語法是比較怪異的, 這是由於javascript是一門動態語言,而且它沒有類的概念 (雖然class是個保留字,不能作爲變量名來使用). 繼

原创 JavaScript繼承實現方式一覽

繼承 類繼承 類抄寫 function parent(){     this.x=10; }function child(){     var parentObj=new parent();     for(var p in 

原创 web前端性能優化進階路

Web前端性能優化WPO,相信大多數前端同學都不會陌生,在各自所負責的站點頁面中,也都會或多或少的有過一定的技術實踐。可以說,這個領域並不缺乏成熟技術理論和技術牛人:例如Yahoo的web站點性能優化黃金法則,以及大名鼎鼎的優化大師St

原创 從代碼示例瞭解ECMAScript5新特性

1. strict模式strict模式目前無人實現,但是按標準的說法strict模式是非strict的完全子集strict模式究竟是什麼意思?很多同學認爲使用strict模式是強迫使用良好的代碼風格,我的意見是strict不是良好風格的代

原创 前端性能優化

  1.  請減少HTTP請求     基本原理:    在瀏覽器(客戶端)和服務器發生通信時,就已經消耗了大量的時間,尤其是在網絡情況比較糟糕的時候,這個問題尤其的突出。   一個正常HTTP請求的流程簡述:如在瀏覽器中輸入