原创 webstorage 和cookie的區別

webstorage 和cookie的概念類似,區別是它是爲更大容量存儲而設計的. cookie的大小是是受限的,每個cookie的容量爲4096K,並且沒請求一次頁面,cookie都會被髮送過去 並且cookie的作用域是受限的,不可以

原创 前端開發 之動畫淺談

1.javascript 動畫 基本的淡入淡出動畫 在jquery中 我們使用hide() 和show() 實現讓基本的元素塊隱藏和顯示的效果,當在.show() 或者.hide() 中指定時長,就會動畫效果 $("p").show('

原创 javascript 之cookie利弊

   cookie 在持久保存客戶端數據方面有 很大優勢,分擔了服務器的負擔,但還有很多的侷限性 1.每個特定的域名下面最多生成20個cookie ie6或這更低的版本最多20個cookie] ie7及以後的版本可以有50個cookie

原创 跨瀏覽器 創建xmlhttprequest 對象 以及和服務器交互的全過程

  //創建xhr對象 function creat(){         var xhr;try{             xhr = new XMLHttpRequest();                }catch(e){var

原创 javascript之變量提升

今天看到一個問題 onsole.log("a" in window);if (!("a" in window)) {        var a = 1; } alert(a);  我以爲輸出答案爲1 運行之後是unefine 查了之後只

原创 javascript 異步淺談

javascript  編程是單線稱的,也就是說一次只能執行一個任務,如果有多哥多個任務,必須排隊,等前一個任務執行完之後,在執行下一個,依次類推 這種模式的好處是實現起來比較簡單,但是 只要有一個任務耗時很長,後邊的任務就必須排隊等着

原创 jquery 中 事件綁定函數 bind() ,live(),delegate()以及on() 的區別

jquery中事件綁定的方法有好幾種,下面是我對這些方法的理解 1.bind(),我們最常使用的方法之一,它會給每個匹配的元素綁定 事件以及添加時間處理函數 <div> <ul> <li></li>

原创 瀏覽器本地緩存 localStorage sessionStorage

在較高版本的瀏覽器中,js提供了sessionStorage 和globalStorage 在html5中localStorage代替了globalStorage。 html5 webStorage包括兩種存儲方式 sessionStao

原创 encodeURI escape encodeURIcomponent 轉碼方式之間的區別

1.escape  escape() 會將傳入的參數中的 空格 ,標點符號,以及所有所有非ascll 的字符替換爲%xx的編碼形式,其中xx與其所表示的字符的16進制 形式相同 如空格字符的16進製表示形式爲0x20,則此時xx應爲20

原创 用javascript將URL 解析成對象的形式

將url解析爲對象的形式有兩種方案 1.利用數組的spilt()函數 類似於下面將URL後邊的參數保存在args對象中 function parseQuery(query){ var args = {}; var i

原创 javascript 實現快速排序

function quicksort( str){ if(str.length<=1) return str; var index = Math.floor(str.length/2); var stander= str.s

原创 js中 數組重排序之比較函數

數組中有兩個可以直接用來排序的方法 sort(),reverse(),reverse() 方法會反轉數組項的順序 在默認情況下,sort() 方法按照升序排列數組項,sort()會調用每個數組項的string()函數,然後確定 如何排序

原创 RegExp 正則表達式的方法

1.test() 檢索字符串中指定的值。返回 true 或 false。 2.exec() 檢索字符串中指定的值。返回找到的值,並確定其位置 3.compile 編譯正則表達式

原创 高級css樣式選擇器

一.基本選擇器 通用元素選擇器,匹配任何元素,在頁面上的每一個元素上起作用 h4 標籤選擇器,匹配所有使用h4標籤的元素,其優先級僅僅只比 * 高 .test (class)類選擇器,匹配所有class屬性中包含textbox的元素

原创 ie事件機制和火狐事件機制

事件機制 事件冒泡:事件從當前元素對象觸發,然後向上層元素搜索相同對象事件並觸發(直搜到document節點)。IE事件默認都只這種類型的事件。 事件捕獲:從document節點開始搜索事件,然後向下層搜索相同對象事件並觸發,直到當前