原创 note for HTML5權威指南

accesskey 屬性 (快捷鍵) Name : <input type="text" name="name" accesskey="n" /> 在windows系統上同時按下Alt鍵和accesskey屬性值對應的鍵,鍵盤焦點會轉移到

原创 js阻止瀏覽器的默認行爲以及停止事件冒泡

在前端開發工作中,由於瀏覽器兼容性等問題,我們會經常用到“停止事件冒泡”和“阻止瀏覽器默認行爲”。 1.阻止瀏覽器的默認行爲 [java] view plaincopy function stopDefaul

原创 JavaScript 事件委託

事件委託 在JavaScript裏,通常要做的一件事是綁定事件,比如用戶在頁面的點擊、滾動等,然後執行註冊的回調函數,這樣就響應了用戶的某種行爲。簡單的例子如下: $('button').on('click', function(

原创 懶加載

在各種門戶網站中,都有大量的圖片,尤其是電子商務網站,更多的產品圖片,這個時候如果直接訪問主頁的話,會有很多的圖片需要瀏覽器下載,特別是在網速不好的情況話,打開一個網站需要很長的時間,比如京東首頁,而且在很多情況下,用戶是不會看網站的每

原创 cookie ,session 和localStorage的區別詳解

當你在瀏覽網站的時候,WEB 服務器會先送一小小資料放在你的計算機上,Cookie 會幫你在網站上所打的文字或是一些選擇,都紀錄下來。當下次你再光臨同一個網站,WEB 服務器會先看看有沒有它上次留下的 Cookie 資料,有的話,就會依據

原创 雅虎團隊經驗:網站頁面性能優化的34條黃金守則

1、儘量減少HTTP請求次數 終端用戶響應的時間中,有80%用於下載各項內容。這部分時間包括下載頁面中的圖像、樣式表、腳本、Flash等。通過減少頁面中的元素可以減少HTTP請求的次數。這是提高網頁速度的關鍵步驟。 減少頁面組件的方法其

原创 javascript (function(){})()

代碼如下: (function(){ //這裏忽略jQuery所有實現 })(); (function(){ //這裏忽略jQuery所有實現 })();   半年前初次接觸jQuery的時候,我也像其他人一樣很興奮地想看看源碼

原创 jQuery自執行

代碼如下: (function(){ //這裏忽略jQuery所有實現 })(); (function(){ //這裏忽略jQuery所有實現 })();   半年前初次接觸jQuery的時候,我也像其他人一樣很興奮地想看看源碼

原创 前端性能優化--DOM操作

緩存DOM對象 JavaScript的DOM操作可以說是JavaScript最重要的功能,我們經常要根據用戶的操作來動態的增加和刪除元素,或是通過AJAX返回的數據動態生成元素。比如我們獲得了一個很多元素的數組data[],需要將其每

原创 詳解VMware 9.0.1安裝MAC OS X 10.8(歷時近3日感想篇)

突然心血來潮,想用VMware 9.0.1安裝MAC OS X,但網上的文章多多少少總有點缺陷,不能適合每一個人,在綜合了近30篇安裝MAC OS X的文章後,我決定發佈一篇比較大衆化,比較詳盡的MAC OS X安裝過程。 一、準備工作:

原创 32位和64位系統區別及int字節數

一)64位系統和32位有什麼區別?  1、64bit CPU擁有更大的尋址能力,最大支持到16GB內存,而32bit只支持4G內存 2、64位CPU一次可提取64位數據,比32位提高了一倍,理論上性能會提升1倍。但這是建立在64bit

原创 jQuery Mobile移動開發

1.在<head>元素中包含JavaScript文件是傳統的方法。然而,根據Yahoo!”80%的最終用戶響應時間在前端上”的說法,這些事件大部分花在資產的下載上,例如樣式表,圖片,腳本等。減少這些資產的數量明顯很重要,在HTML文件的最

原创 HTML5遊戲開發實戰--注意點

1.WebSocket是HTML5標準的一部分,Web頁面可以用它來持久連接到socket服務器上。該接口提供了瀏覽器與服務器之間的事件驅動型連接,這意味着客戶端不必再每隔一個時間段就需要向服務器發送一次新的數據請求。當有數據需要更新時,

原创 js繼承的實現

js繼承有5種實現方式: 1、繼承第一種方式:對象冒充   function Parent(username){     this.username = username;     this.he

原创 JavaScript跨域總結與解決辦法

什麼是跨域1、document.domain+iframe的設置2、動態創建script3、利用iframe和location.hash4、window.name實現的跨域數據傳輸5、使用HTML5 postMessage6、利用fla